UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 1.04 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Accordion/AccordionStepper/AccordionStepper.css');const s=require("./index.cjs237.js"),c=require("react"),d=require("./index.cjs287.js");;/* empty css */const x=require("./index.cjs289.js"),S=require("./index.cjs123.js"),j=({steps:n,mainTitle:i,toggleStepsLabels:a,toggleSingleStepsLabel:p})=>{const[o,r]=c.useState(n.map((t,e)=>e===0)),[l,u]=c.useState(!1),m=()=>{const t=!l;r(n.map(()=>t)),u(t)},g=t=>{const e=[...o];e[t]=!e[t],r(e)};return s.jsxRuntimeExports.jsxs("div",{className:"accordion-stepper",children:[s.jsxRuntimeExports.jsx(S.SectionHeading,{color:"primary",title:i,className:"mainTitle",fs:"4",mdFs:"2"}),s.jsxRuntimeExports.jsx(x,{className:"toggle-all",onClick:m,isOpen:l,toggleLabels:a}),n.map((t,e)=>s.jsxRuntimeExports.jsx(d.StepItem,{index:e,title:t.title,content:t.content,isOpen:o[e],detailLabels:p,onToggle:()=>g(e)},e))]})};exports.AccordionStepper=j; //# sourceMappingURL=index.cjs15.js.map