import { a as a$2 } from './chunk-UPX6JFOI.js';
import { a as a$1 } from './chunk-TWGPE4V7.js';
import { DownIcon } from '@onbeam/icons';
import { cx } from '@onbeam/styled-system/css';
import { nativeSelect } from '@onbeam/styled-system/recipes';
import { jsxs, jsx } from 'react/jsx-runtime';

var a=a$1(({as:r="select",children:m,className:i,width:c=100,...l},n)=>{let e=nativeSelect();return jsxs(a$2,{size:"sm",type:"button",style:{width:c},className:cx(e.button,i),"data-testid":"native-select-button",tabIndex:-1,children:[jsx(r,{ref:n,role:"listbox",className:e.root,...l,children:m}),jsx("span",{className:e.dummyText,"aria-hidden":!0,children:"dummy"}),jsx(DownIcon,{className:e.chevron,height:16,width:16})]})});a.displayName="NativeSelect";

export { a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-EJQRQNIR.js.map