nextuiq
Version:
NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat
2 lines (1 loc) • 1.39 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index46.js"),r=require("./index38.js"),t=({className:r})=>e.jsxRuntimeExports.jsx("svg",{className:r,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:"presentation","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("path",{d:"M6 12L10 8L6 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});exports.Breadcrumb=({items:s,className:a})=>e.jsxRuntimeExports.jsx("nav",{className:r.cn("flex",a),"aria-label":"Breadcrumb",children:e.jsxRuntimeExports.jsx("ol",{className:"flex items-center gap-2",role:"list",children:s.map(((r,a)=>e.jsxRuntimeExports.jsx("li",{className:"flex items-center","aria-current":a===s.length-1?"page":void 0,children:r.href?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("a",{href:r.href,className:"text-sm text-[oklch(var(--theme-muted-foreground))] hover:text-[oklch(var(--theme-foreground))]","aria-label":`Go to ${r.label}`,children:r.label}),a<s.length-1&&e.jsxRuntimeExports.jsx(t,{className:"mx-2 h-4 w-4 text-[oklch(var(--theme-muted-foreground))]","aria-hidden":"true"})]}):e.jsxRuntimeExports.jsx("span",{className:"text-sm font-medium text-[oklch(var(--theme-foreground))]","aria-current":"page",children:r.label})},a)))})});