@anoki/fse-ui/dist/index.cjs113.js

FSE UI components library

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