import{b as r,aC as o,R as e,z as n,aI as c}from"./iframe-DvhcA1iZ.js";import"./preload-helper-PPVm8Dsz.js";const d={title:"Components/Form/ColorPicker",component:r,tags:["autodocs","form"],argTypes:{variant:{control:{type:"select"},options:[void 0,"pill"]},value:{control:{type:"color"}}}},m=c("div",{display:"flex",flexDirection:"column",gap:"2rem",padding:"1rem"}),i=c("div",{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"}),v={render:()=>{const[a,l]=o.useState("#3ec234");return e.createElement(n,{vertical:!0,horizontal:!0},e.createElement(i,null,e.createElement(r,{value:a,name:"basic-color",onChange:t=>{l(t.target.value)}}),e.createElement("span",null,"Selected: ",a)))}},p={render:()=>{const[a,l]=o.useState("#008ad2");return e.createElement(n,{vertical:!0,horizontal:!0},e.createElement("div",{style:{width:"200px"}},e.createElement(r,{value:a,name:"pill-color",onChange:t=>{l(t.target.value)},variant:"pill",label:"Choose Color"})),e.createElement("p",null,"Selected: ",a))}},g={render:()=>{const[a,l]=o.useState("#d2f39f");return e.createElement(m,null,e.createElement(n,{vertical:!0,horizontal:!0},e.createElement("h3",null,"Different States"),e.createElement(i,null,e.createElement(r,{value:a,name:"normal",onChange:t=>{l(t.target.value)}}),e.createElement(r,{value:a,name:"disabled",onChange:t=>{l(t.target.value)},disabled:!0}),e.createElement(r,{value:a,name:"readonly",onChange:t=>{l(t.target.value)},readOnly:!0}),e.createElement(r,{value:a,name:"error",onChange:t=>{l(t.target.value)},error:!0}))),e.createElement(n,{vertical:!0,horizontal:!0},e.createElement("h3",null,"Pill States"),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",maxWidth:"200px"}},e.createElement(r,{value:a,name:"pill-normal",onChange:t=>{l(t.target.value)},variant:"pill",label:"Normal"}),e.createElement(r,{value:a,name:"pill-disabled",onChange:t=>{l(t.target.value)},variant:"pill",label:"Disabled",disabled:!0}),e.createElement(r,{value:a,name:"pill-readOnly",onChange:t=>{l(t.target.value)},variant:"pill",label:"Read only",readOnly:!0}),e.createElement(r,{value:a,name:"pill-error",onChange:t=>{l(t.target.value)},variant:"pill",label:"With Error",error:!0}))))}},E=["Basic","PillVariant","States"];export{v as Basic,p as PillVariant,g as States,E as __namedExportsOrder,d as default};
