koval-ui
Version:
React components collection with minimalistic design. Supports theming, layout, and input validation.
3 lines (2 loc) • 904 B
JavaScript
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),b=require("classnames"),c=require("./Breadcrumbs.module.css.cjs"),j=(e,r)=>{if(r){const[t,...l]=e;return[t,s.jsx("div",{className:c.default.ellipsis,children:"…"},"ellypsis"),...l]}else return e},p=({href:e,children:r,className:t,title:l})=>s.jsx("a",{href:e,className:t,title:l,children:r}),n=f.forwardRef(({className:e,items:r,showEllipsis:t=!1,linkComponent:l=p,...u},d)=>{const o=r.map(({name:a,url:m,icon:i})=>s.jsxs(l,{title:a,className:c.default.crumb,href:m,children:[i&&s.jsx(i,{className:c.default.icon}),s.jsx("span",{className:c.default.text,children:a})]},a));return s.jsx("div",{...u,className:b(c.default.breadcrumbs,e),ref:d,children:j(o,t)})});n.displayName="Breadcrumbs";exports.Breadcrumbs=n;
//# sourceMappingURL=Breadcrumbs.cjs.map