import{j as e,L as i}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{C as t}from"./ComponentCard-C2b5w2__.js";import{P as c}from"./main-af3pcbZa.js";const l=({items:r,className:n=""})=>e.jsx("nav",{className:n,children:e.jsx("ol",{className:"flex items-center gap-1.5",children:r.map((a,s)=>e.jsxs("li",{className:"flex items-center gap-1.5",children:[s>0&&e.jsx("svg",{className:"stroke-current text-gray-400",width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",children:e.jsx("path",{d:"M6.0765 12.667L10.2432 8.50033L6.0765 4.33366",stroke:"",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),a.path&&s<r.length-1?e.jsxs(i,{to:a.path,className:"inline-flex items-center gap-1.5 text-sm text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300",children:[a.icon&&e.jsx("span",{children:a.icon}),a.label]}):e.jsxs("span",{className:"text-sm text-gray-800 dark:text-white/90",children:[a.icon&&e.jsx("span",{className:"mr-1.5",children:a.icon}),a.label]})]},s))})});function m(){return e.jsxs(e.Fragment,{children:[e.jsx(c,{title:"React.js Breadcrumb Dashboard | TailAdmin - React.js Admin Dashboard Template",description:"This is React.js Breadcrumb Dashboard page for TailAdmin - React.js Tailwind CSS Admin Dashboard Template"}),e.jsxs("div",{className:"space-y-5 sm:space-y-6",children:[e.jsx(t,{title:"Default Breadcrumb",children:e.jsx(l,{items:[{label:"Home",path:"/"},{label:"UI Elements",path:"/ui-elements"},{label:"Breadcrumb"}]})}),e.jsx(t,{title:"Breadcrumb with Icon",children:e.jsx(l,{items:[{label:"Home",path:"/",icon:e.jsx("svg",{className:"w-4 h-4",fill:"currentColor",viewBox:"0 0 20 20",children:e.jsx("path",{d:"M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"})})},{label:"UI Elements",path:"/ui-elements"},{label:"Breadcrumb"}]})})]})]})}export{m as default};