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"./LayoutFlex-BKX2c6Gj.js";import{n as c,t as l}from"./ProgressBar-CRitEeQk.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,x;t((()=>{m=e(n(),1),c(),i(),o(),u(),d(),h=r(),g={title:`Components/ProgressBar`,component:l,parameters:{docs:{description:{component:`A component that visually indicates progress through a range of values.`}}},decorators:[e=>(0,h.jsx)(`div`,{style:{padding:`32px`,width:`500px`},children:(0,h.jsx)(e,{})})],args:{"aria-label":`Story`}},_={tags:[`!test`],args:{value:10,min:0,max:100},render:function({value:e,...t}){let[n,r]=(0,m.useState)(e),i=()=>r(Math.min(n+10,100));return(0,h.jsxs)(s,{alignItems:`center`,gap:`12`,children:[(0,h.jsx)(a,{svg:p,assistiveText:`Subtract`,onClick:()=>r(Math.max(n-10,0))}),(0,h.jsx)(`div`,{style:{width:150},children:(0,h.jsx)(l,{...t,value:n})}),(0,h.jsx)(a,{svg:f,assistiveText:`Add`,onClick:i})]})}},v={args:{value:0,min:0,max:100}},y={args:{value:100,min:0,max:100}},b={args:{value:2,min:1,max:5}},_.parameters={..._.parameters,docs:{..._.parameters?.docs,source:{originalSource:`{
  tags: ['!test'],
  args: {
    value: 10,
    min: 0,
    max: 100
  },
  render: function Story({
    value: initialValue,
    ...props
  }) {
    const [value, setValue] = useState(initialValue);
    const add = () => setValue(Math.min(value + 10, 100));
    const subtract = () => setValue(Math.max(value - 10, 0));
    return <LayoutFlex alignItems="center" gap="12">
                <IconButton svg={MinusSVG} assistiveText="Subtract" onClick={subtract} />
                <div style={{
        width: 150
      }}>
                    <ProgressBar {...props} value={value} />
                </div>
                <IconButton svg={PlusSVG} assistiveText="Add" onClick={add} />
            </LayoutFlex>;
  }
}`,..._.parameters?.docs?.source}}},v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
  args: {
    value: 0,
    min: 0,
    max: 100
  }
}`,...v.parameters?.docs?.source}}},y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
  args: {
    value: 100,
    min: 0,
    max: 100
  }
}`,...y.parameters?.docs?.source}}},b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
  args: {
    value: 2,
    min: 1,
    max: 5
  }
}`,...b.parameters?.docs?.source}}},x=[`Interactive`,`Start`,`End`,`CustomRange`]}))();export{b as CustomRange,y as End,_ as Interactive,v as Start,x as __namedExportsOrder,g as default};