import{j as l}from"./jsx-runtime-Dfk2JFgj.js";import{r as b}from"./index-CWN_QRa1.js";import{G as i}from"./index-DNsi8NHw.js";import{a as t}from"./index-CIVavKlu.js";import{a as x}from"./MockData-JoECteJq.js";import"./CheckGroup-BpaEcK_0.js";import"./v4-CtRu48qb.js";import"./DefaultPropsProvider-BPu7lNPC.js";import"./index-6WYjB5r3.js";import"./index-Bk93qgka.js";import"./index-DnVHLn3F.js";import"./index-DllfNvuz.js";import"./index-Cj3pldWQ.js";import"./tiny-invariant-CopsF_GD.js";import"./iframe-BT4Dhm0c.js";import"./index-DgIb9kCw.js";const E={title:"Components/SelectMenu",component:i,argTypes:{onSelectAll:{table:{disable:!0}},value:{table:{disable:!0}},isMultiple:{table:{disable:!0}},extraOptions:{table:{disable:!0}},onChange:{table:{disable:!0}}}},L=e=>{const[n,d]=b.useState([]),u=[{id:"Reminder",name:t("reminder")},{id:"DueNow",name:t("due_now")},{id:"PastDue",name:t("past_due")}],c=e.placeholder?e.placeholder:t("select_subscriber"),p=e.buttonLabel?e.buttonLabel:t("add_subscribers");return l.jsx("div",{style:{width:"420px"},children:l.jsx(i,{...e,extraOptions:u,value:n,valueField:e.valueField,textField:e.textField,placeholder:c,buttonLabel:p,onChange:m=>{d(m)}})})},a=L.bind({});a.args={id:"checkb",label:"Label",options:x,valueField:"contactId",textField:"title",extraOptionstextField:"name",extraOptionsvalueField:"id",isLoading:!1,isDisabled:!1,placeholder:"",buttonLabel:"",helpText:""};var s,o,r;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`args => {
  const [selectedValues, setSelectedValues] = useState([]);
  const extraOptions = [{
    id: "Reminder",
    name: useLocale('reminder')
  }, {
    id: "DueNow",
    name: useLocale('due_now')
  }, {
    id: "PastDue",
    name: useLocale('past_due')
  }];
  const placeH = args.placeholder ? args.placeholder : useLocale("select_subscriber");
  const buttonL = args.buttonLabel ? args.buttonLabel : useLocale("add_subscribers");
  return <div style={{
    width: "420px"
  }}>
            <SelectMenu {...args} extraOptions={extraOptions} value={selectedValues} valueField={args.valueField} textField={args.textField} placeholder={placeH} buttonLabel={buttonL} onChange={values => {
      setSelectedValues(values);
    }} />
        </div>;
}`,...(r=(o=a.parameters)==null?void 0:o.docs)==null?void 0:r.source}}};const H=["Primary"];export{a as Primary,H as __namedExportsOrder,E as default};
