import{j as l}from"./index-B-YXshIJ.js";import{S as i}from"./react-select.esm-OagQDocY.js";const c={multiValue:e=>({...e,backgroundColor:"gray"}),multiValueLabel:e=>({...e,fontWeight:"bold",color:"white",paddingRight:6}),multiValueRemove:e=>({...e,color:"white"})},u=({name:e,value:t,onChange:a,options:o})=>l.jsx(i,{className:"react-select",isMulti:!0,isClearable:!0,styles:c,name:e,value:o.filter(s=>t.includes(s.value)),placeholder:"All",onChange:s=>a(s.map(r=>r.value)),options:o}),d=({label:e,className:t,...a})=>l.jsxs("label",{className:"block ".concat(t||"w-72 text-sm"),children:[l.jsx("span",{className:"text-gray-600 font-semibold",children:e}),l.jsx(u,{...a})]},e);export{d as M,u as a};
