@anoki/fse-marche-ui/dist/index.cjs40.js

FSE UI components library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/ProgressBar/ProgressBar.css');const s=require("./index.cjs137.js"),x=require("./index.cjs181.js");;/* empty css              */const o=require("./index.cjs139.js"),m=require("./index.cjs25.js"),c=require("./index.cjs79.js"),d=({closeButton:a="Chiudi",onCloseClick:l,title:r,stepLabel:n="di",currentStep:i=1,totalSteps:e=3})=>s.jsxRuntimeExports.jsxs("div",{className:"text-slate-28",children:[s.jsxRuntimeExports.jsxs("header",{className:"ui-modal-header ",children:[s.jsxRuntimeExports.jsxs(x.Title,{className:"base-col justify-content-center align-items-center mb-5 pb-x8",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"fw-bold fs-7 md-fs-custom",children:r}),s.jsxRuntimeExports.jsxs("p",{className:"fs-7",children:["Step ",s.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:i})," ",n," ",e]})]}),s.jsxRuntimeExports.jsx(x.Close,{asChild:!0,className:"ui-modal-header-close",children:s.jsxRuntimeExports.jsxs(m.Button,{size:"4",textColor:"primary",bg:"transparent","aria-label":"Chiudi modale",onClick:l,children:[a,s.jsxRuntimeExports.jsx(c.Close,{className:"ml-x8"})]})})]}),s.jsxRuntimeExports.jsx("div",{className:"ui-progress-bar mx-x4",children:Array.from({length:e},(u,t)=>s.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-bar",t+1<=i?"bg-primary":"bg-lightblue-a02"),style:{width:`${100/e}%`}},t+1))})]});exports.ProgressBar=d;
//# sourceMappingURL=index.cjs40.js.map