UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.02 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TabsGlossary/TabsGlossary.css');const s=require("./index.cjs244.js");;/* empty css */const n=require("./index.cjs246.js"),r=require("react"),d=require("./index.cjs9.js"),j=require("./index.cjs72.js"),p=({CTA:a="link",navigationItems:l,children:o,activeIndex:x=0,onTabChange:c,actions:i=[]})=>{const[u,m]=r.useState(x);return s.jsxRuntimeExports.jsx("div",{children:s.jsxRuntimeExports.jsxs("div",{className:n.clsx("ui-document-container-tabs"),children:[s.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new","aria-label":"Menu di navigazione",children:s.jsxRuntimeExports.jsx(d.Row,{fw:"semibold",text:"secondary",className:n.clsx("ui-document-container-tabs-nav list-style-none ui-tabs"),as:"ul",children:l.map((e,t)=>s.jsxRuntimeExports.jsx("li",{className:n.clsx("ui-document-container-tabs-nav-responsive-flex ui-text-center-col fs-6 md-fs-custom",e.disabled?"text-muted":"cursor-pointer","ui-tab",u===t&&"text-primary ui-active-tab-glossary"),onClick:()=>{e.disabled||(m(t),c(t))},children:s.jsxRuntimeExports.jsx("a",{className:"text-decoration-none",children:e.label})},t))})}),o,a==="link"&&s.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new",children:s.jsxRuntimeExports.jsx("ul",{className:"list-style-none base-row gap-x20 fw-semibold text-primary fs-7 pb-x8",children:i.map((e,t)=>s.jsxRuntimeExports.jsxs(r.Fragment,{children:[s.jsxRuntimeExports.jsxs("li",{className:n.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<i.length-1&&s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx("span",{className:"ui-divider"})})]},t))})})]})})};exports.TabsGlossary=p; //# sourceMappingURL=index.cjs38.js.map