import{jsxs as a,jsx as l}from"react/jsx-runtime";import{S,a as u,b as d,c as h,d as p,e as o,f as t}from"./select-DfhewM4T.js";import"@radix-ui/react-select";import"lucide-react";import"./utils-CMbmcP35.js";import"clsx";import"tailwind-merge";function C({value:c,onValueChange:s,masks:i,id:m}){return a(S,{value:c,onValueChange:s,children:[l(u,{id:m,children:l(d,{placeholder:"Select mask"})}),l(h,{className:"max-h-[300px]",children:i.map((e,n)=>"options"in e&&e.options?a(p,{children:[l(o,{children:e.label}),e.options.map(r=>l(t,{value:String(r.value),children:r.label},r.value))]},n):l(t,{value:String(e.value),children:e.label},e.value))})]})}export{C as MaskSelect};
