UNPKG

@anoki/fse-marche-ui

Version:

FSE UI components library

3 lines (2 loc) 1.84 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TabsGlossary/TabsGlossary.css');const s=require("./index.cjs137.js");;/* empty css */const i=require("./index.cjs139.js"),n=require("react"),m=require("./index.cjs9.js"),j=require("./index.cjs64.js"),p=({CTA:l="link",navigationItems:a,children:x,activeIndex:o=0,onTabChange:c,actions:r=[]})=>{const[u,d]=n.useState(o);return s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs("div",{className:i.clsx("ui-document-container-tabs"),children:[s.jsxRuntimeExports.jsx("nav",{"aria-label":"Menu di navigazione",children:s.jsxRuntimeExports.jsx(m.Row,{gap:"x20",fw:"semibold",text:"secondary",className:i.clsx("ui-document-container-tabs-nav list-style-none ui-tabs"),children:a.map((e,t)=>s.jsxRuntimeExports.jsx("li",{className:i.clsx(e.disabled?"text-muted":"cursor-pointer","ui-tab",u===t&&"text-primary ui-active-tab-glossary"),onClick:()=>{e.disabled||(d(t),c(t))},children:s.jsxRuntimeExports.jsx("a",{className:"text-decoration-none",children:e.label})},t))})}),x,l==="link"&&s.jsxRuntimeExports.jsx("nav",{children:s.jsxRuntimeExports.jsx("ul",{className:"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8",children:r.map((e,t)=>s.jsxRuntimeExports.jsxs(n.Fragment,{children:[s.jsxRuntimeExports.jsxs("li",{className:i.clsx(!e.loading&&"cursor-pointer","text-primary base-row justify-content-center align-items-center gap-x8"),onClick:()=>!e.loading&&e.onClick(),children:[e.icon,s.jsxRuntimeExports.jsx("p",{children:e.label}),e.loading&&s.jsxRuntimeExports.jsx(j.Loader,{loading:e.loading})]}),t<r.length-1&&s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("span",{className:"ui-divider"})})]},t))})})]})})};exports.TabsGlossary=p; //# sourceMappingURL=index.cjs33.js.map