import{a as e,n as t}from"./chunk-BneVvdWh.js";import{t as n}from"./react-C7IZe2D1.js";import{t as r}from"./jsx-runtime-C2wGStra.js";import{n as i,t as a}from"./IconButton-DZfzVk_P.js";import{n as o,t as s}from"./ProgressSteps-B2AXEKFJ.js";import{n as c,t as l}from"./LayoutFlex-BKX2c6Gj.js";import{i as u,n as d,r as f,t as p}from"./TokyoUIMinus-BRhq9h8E.js";var m,h,g,_,v,y,b;t((()=>{m=e(n(),1),o(),c(),i(),u(),d(),h=r(),g={title:`Components/ProgressSteps`,component:s,decorators:[e=>(0,h.jsx)(`div`,{style:{padding:`32px`,width:`500px`},children:(0,h.jsx)(e,{})})],args:{"aria-label":`Story`}},_={tags:[`!test`],args:{currentStep:6,totalSteps:6},render:function({currentStep:e,totalSteps:t,...n}){let[r,i]=(0,m.useState)(e),o=()=>i(Math.min(r+1,t));return(0,h.jsxs)(l,{alignItems:`center`,gap:`12`,children:[(0,h.jsx)(a,{svg:p,assistiveText:`Subtract`,onClick:()=>i(Math.max(r-1,1))}),(0,h.jsx)(s,{...n,currentStep:r,totalSteps:t}),(0,h.jsx)(a,{svg:f,assistiveText:`Add`,onClick:o})]})}},v={args:{currentStep:1,totalSteps:6}},y={args:{currentStep:6,totalSteps:6}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
  tags: ['!test'],
  args: {
    currentStep: 6,
    totalSteps: 6
  },
  render: function Story({
    currentStep: initialCurrentStep,
    totalSteps,
    ...props
  }) {
    const [currentStep, setCurrentStep] = useState(initialCurrentStep);
    const add = () => setCurrentStep(Math.min(currentStep + 1, totalSteps));
    const subtract = () => setCurrentStep(Math.max(currentStep - 1, 1));
    return <LayoutFlex alignItems="center" gap="12">
                <IconButton svg={MinusSVG} assistiveText="Subtract" onClick={subtract} />
                <ProgressSteps {...props} currentStep={currentStep} totalSteps={totalSteps} />
                <IconButton svg={PlusSVG} assistiveText="Add" onClick={add} />
            </LayoutFlex>;
  }
}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
  args: {
    currentStep: 1,
    totalSteps: 6
  }
}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
  args: {
    currentStep: 6,
    totalSteps: 6
  }
}`,...y.parameters?.docs?.source}}},b=[`Interactive`,`FirstStep`,`LastStep`]}))();export{v as FirstStep,_ as Interactive,y as LastStep,b as __namedExportsOrder,g as default};