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

var m=a(({as:n="button",children:p,className:l,label:f,disableChevron:u=!1,icon:e,disabled:i=!1,shouldTruncate:o=!1,...d},B)=>{let t=selectButton();return jsxs("div",{className:cx(t.root,l),"data-truncated":o,children:[f,jsxs(n,{ref:B,className:t.button,"data-has-icon":!!e,"data-truncated":o,disabled:i,...n==="button"&&{type:"button"},...d,children:[e&&jsx(a$1,{size:24,className:t.icon,children:e}),jsx("span",{className:t.content,"data-truncated":o,children:p}),!u&&jsx(DownIcon,{className:t.chevron,height:16,width:16})]})]})});m.displayName="SelectButton";

export { m as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-ETQTL2XS.js.map