xtreme-ui

Version:
Collection of reusable components that can be used in web projects
9 lines (8 loc) • 1.19 kB
JavaScript
import{j as e,r as o}from"./iframe-5Rr_RUeM.js";import{M as n,R as i,a as c,u as m,b as u,N as d,L as f}from"./Navigation-CnK0L4Zt.js";import"./preload-helper-PPVm8Dsz.js";import"./clsx-B-dksMZM.js";const t=[{name:"Dashboard",href:"/dashboard",icon:"e323"},{name:"Teams",href:"/teams",icon:"e533"},{name:"Favorite",href:"/favorite",icon:"f762"},{name:"Wallet",href:"/wallet",icon:"f555"},{name:"Settings",href:"/settings",icon:"f013"}],h=()=>{const{pathname:r}=m(),s=u();return o.useEffect(()=>{r==="/"&&s(t[0]?.href)},[s,r]),e.jsx(d,{as:f,hrefPropName:"to",pathname:r,routes:t,children:"🎲 XtremeUI"})},p=()=>e.jsx(n,{children:e.jsx(i,{children:e.jsx(c,{path:"/*",element:e.jsx(h,{})})})}),R={title:"Layouts/Navigation",render:()=>e.jsx(p,{}),tags:[],argTypes:{className:{control:!1}},args:{}},a={args:{as:"span",routes:t,pathname:"/dashboard",children:"🎲 XtremeUI"}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
  args: {
    as: "span",
    routes: routeList,
    pathname: "/dashboard",
    children: "🎲 XtremeUI"
  }
}`,...a.parameters?.docs?.source}}};const v=["Default"];export{a as Default,v as __namedExportsOrder,R as default};