Module 11645

function(e,l,a){a.d(l,{S:()=>c});var t=a(627968),o=a(64700),n=a(397927),i=a(444550),s=a(843282);let r=[{value:"red",label:"Red"},{value:"green",label:"Green"},{value:"blue",label:"Blue"},{value:"yellow",label:"Yellow"},{value:"purple",label:"Purple"},{value:"orange",label:"Orange"},{value:"pink",label:"Pink"},{value:"brown",label:"Brown"}],d={id:"select",name:"Select",component:function(e){let{label:l,description:a,isDisabled:n,isProcessing:i,placeholder:d,maxVisibleItems:u,clearable:c,closeOnSelect:b,popoutPosition:p,variant:m}=e,[x,h]=o.useState("blue");return(0,t.jsx)(s.Te,{variant:m,label:l,description:a,value:x,onChange:h,options:r,placeholder:d,isDisabled:n,isProcessing:i,maxVisibleItems:u,clearable:c,closeOnSelect:b,popoutPosition:p})},controls:{label:{type:"text",label:"Label",defaultValue:"Color"},description:{type:"text",label:"Description",defaultValue:"Choose a color"},placeholder:{type:"text",label:"Placeholder",defaultValue:"Choose a color"},variant:{type:"select",label:"Variant",defaultValue:"filled",options:[{label:"Filled",value:"filled"},{label:"Text Only",value:"text-only"}]},isDisabled:{type:"boolean",label:"Disabled",defaultValue:!1},isProcessing:{type:"boolean",label:"Processing",defaultValue:!1},clearable:{type:"boolean",label:"Clearable",defaultValue:!0},closeOnSelect:{type:"boolean",label:"Close On Select",defaultValue:!0},maxVisibleItems:{type:"number",label:"Max Visible Items",defaultValue:5},popoutPosition:{type:"select",label:"Popout Position",defaultValue:"bottom",options:[{label:"Bottom",value:"bottom"},{label:"Top",value:"top"},{label:"Center",value:"center"},{label:"Left",value:"left"},{label:"Right",value:"right"},{label:"Window Center",value:"window_center"}]}}},u={id:"searchable-select",name:"Searchable Select",component:function(e){let{placeholder:l,isDisabled:a,isProcessing:s,clearable:d,closeOnSelect:u,clearQueryOnSelect:c,filter:b,...p}=e,[m,x]=o.useState("blue"),[h,v]=o.useState(["blue"]);return(0,t.jsxs)(n.BJc,{gap:24,children:[(0,t.jsx)(i.p,{...p,value:m,onChange:x,options:r,placeholder:l,isDisabled:a,isProcessing:s,clearable:d,clearQueryOnSelect:c,filter:b}),(0,t.jsx)(i.p,{...p,multi:!0,value:h,onChange:v,options:r,placeholder:l,isDisabled:a,isProcessing:s,clearable:d,closeOnSelect:u,clearQueryOnSelect:c,filter:b})]})},controls:{...d.controls,placeholder:{type:"text",label:"Placeholder",defaultValue:"Search for a color"},isDisabled:{type:"boolean",label:"Disabled",defaultValue:!1},isProcessing:{type:"boolean",label:"Processing",defaultValue:!1},clearable:{type:"boolean",label:"Clearable",defaultValue:!0},closeOnSelect:{type:"boolean",label:"Close On Select",defaultValue:!0},clearQueryOnSelect:{type:"boolean",label:"Clear Query On Select",defaultValue:!1},filter:{type:"boolean",label:"Filter",defaultValue:!0}}},c={title:"Select",stories:[d,u]}}