UNPKG

@anoki/fse-marche-ui

Version:

FSE UI components library

3 lines (2 loc) 1.11 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/TabBar/TabBar.css');const a=require("./index.cjs137.js"),r=require("./index.cjs139.js");;/* empty css */const i=require("./index.cjs9.js"),x=({navigatonItems:n,asLink:l="a",className:t})=>{const o=l;return a.jsxRuntimeExports.jsx("nav",{className:r.clsx("bg-white ui-tab-bar shadow",t),children:a.jsxRuntimeExports.jsx(i.Row,{as:"ul",className:"list-style-none ui-tab-bar-list",role:"list",children:n.map((s,c)=>{const e=s==null?void 0:s.icon;return a.jsxRuntimeExports.jsx("li",{className:"ui-tab-bar-item",children:a.jsxRuntimeExports.jsxs(o,{href:s.href,"aria-label":`Vai alla pagina ${s.label}`,className:r.clsx("text-decoration-none text-secondary fs-8 fw-bold",s.active&&"active"),children:[e&&a.jsxRuntimeExports.jsx(e,{color:s.active?"primary":"secondary",filled:!!s.active}),s.shortLabel?s.shortLabel:s.label,s.active&&a.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},c)})})})};exports.TabBar=x; //# sourceMappingURL=index.cjs20.js.map