UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.28 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/TabsGlossaryV2/TabsGlossaryV2.css');const e=require("./index.cjs278.js");;/* empty css */const n=require("./index.cjs280.js"),u=require("react"),c=require("./index.cjs219.js"),d=require("./index.cjs183.js"),b=({CTA:r="link",navigationItems:l,children:o,activeIndex:i=0,onTabChange:x,actions:a=[]})=>e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"ui-document-container-tabs-v2",children:[e.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new-v2","aria-label":"Menu di navigazione",children:e.jsxRuntimeExports.jsx(c.Row,{fw:"semibold",text:"secondary",className:"ui-document-container-tabs-nav-v2 list-style-none ui-tabs-v2",as:"ul",role:"tablist",children:l.map((s,t)=>e.jsxRuntimeExports.jsx("li",{className:n.clsx("ui-document-container-tabs-nav-responsive-flex-v2 ui-text-center-col-v2 fs-6 md-fs-custom",s.disabled&&"text-muted","ui-tab-v2",i===t&&"text-primary ui-active-tab-glossary-v2"),role:"presentation",children:e.jsxRuntimeExports.jsx("button",{type:"button",role:"tab","aria-selected":i===t,"aria-disabled":s.disabled,tabIndex:s.disabled?-1:0,className:n.clsx("ui-tab-button-v2 text-decoration-none",!s.disabled&&"cursor-pointer"),disabled:s.disabled,onClick:()=>{s.disabled||x(t)},children:s.label})},t))})}),o,r==="link"&&e.jsxRuntimeExports.jsx("nav",{className:"ui-document-container-tabs-nav-new-v2",children:e.jsxRuntimeExports.jsx("ul",{className:"list-style-none base-row gap-x20 fw-semibold text-primary fs-7 pb-x8",children:a.map((s,t)=>e.jsxRuntimeExports.jsxs(u.Fragment,{children:[e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsxs("button",{type:"button",className:n.clsx("ui-tab-action-v2 text-primary base-row justify-content-center align-items-center gap-x8",!s.loading&&"cursor-pointer"),disabled:s.loading,onClick:s.onClick,children:[s.icon,e.jsxRuntimeExports.jsx("p",{children:s.label}),s.loading&&e.jsxRuntimeExports.jsx(d.Loader,{loading:s.loading})]})}),t<a.length-1&&e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx("span",{className:"ui-divider-v2"})})]},t))})})]})});exports.TabsGlossaryV2=b; //# sourceMappingURL=index.cjs256.js.map