import{a as r,aC as c,R as e,z as l,aI as o}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const h={title:"Components/Form/Choice",component:r,tags:["autodocs","form"]},u=o("div",{display:"flex",flexDirection:"column",gap:"2rem",padding:"1rem"}),v={render:()=>{const t=["Single","Multiple words"],[a,n]=c.useState(t[0]);return e.createElement(l,{vertical:!0,horizontal:!0},e.createElement(r,{values:t,value:a,name:"basic-choice",onChange:n}))}},d={render:()=>{const t=[{label:"Option 1",value:"one"},{label:"Option 2",value:"two"},{label:"Option 3",value:"three"}],[a,n]=c.useState(t[0].value);return e.createElement(l,{vertical:!0,horizontal:!0},e.createElement(r,{values:t,value:a,name:"object-choice",onChange:n}),e.createElement("p",null,"Current value: ",a))}},i=o(r,{"--choice-text":"#59a5c2","--choice-border":"#10a4dc","--choice-bg":"#f9fdff","--choice-active-text":"#145b79","--choice-active-bg":"#ddf5ff"}),E={render:()=>{const t=[{label:"Option 1",value:"one"},{label:"Option 2",value:"two"},{label:"Option 3",value:"three"}],[a,n]=c.useState(t[0].value);return e.createElement(u,null,e.createElement(l,{vertical:!0,horizontal:!0},e.createElement("h3",null,"Default (centered)"),e.createElement(r,{values:t,value:a,name:"default-choice",onChange:n})),e.createElement(l,{vertical:!0,horizontal:!0},e.createElement("h3",null,"Wide variant"),e.createElement(r,{values:t,value:a,name:"wide-choice",onChange:n,wide:!0})),e.createElement(l,{vertical:!0,horizontal:!0},e.createElement("h3",null,"Left aligned variant"),e.createElement(r,{values:t,value:a,name:"left-choice",onChange:n,unaligned:!0})),e.createElement(l,{vertical:!0,horizontal:!0},e.createElement("h3",null,"Custom colors"),e.createElement(i,{values:t,value:a,name:"combined-choice",onChange:n})))}},p=["Basic","WithObjectValues","Variants"];export{v as Basic,E as Variants,d as WithObjectValues,p as __namedExportsOrder,h as default};
