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

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