'use strict';

var chunkUZHQMTYC_cjs = require('./chunk-UZHQMTYC.cjs');
var chunk5XB54L7P_cjs = require('./chunk-5XB54L7P.cjs');
var css = require('@onbeam/styled-system/css');
var recipes = require('@onbeam/styled-system/recipes');
var icons = require('@onbeam/icons');
var jsxRuntime = require('react/jsx-runtime');

var c=chunk5XB54L7P_cjs.a(({children:p,className:m,disabled:r,readOnly:a,hasError:l=!1,...i},b)=>{let e=recipes.checkboxButton();return jsxRuntime.jsxs("label",{className:css.cx(e.root,m),"aria-disabled":r,"aria-readonly":a,"data-error":l,children:[jsxRuntime.jsx("input",{type:"checkbox",ref:b,...i,disabled:r,readOnly:a,className:css.cx("peer",e.input)}),jsxRuntime.jsx(chunkUZHQMTYC_cjs.a,{size:16,className:e.led,"data-led-state":"on",children:jsxRuntime.jsx(icons.LedOnIcon,{})}),jsxRuntime.jsx(chunkUZHQMTYC_cjs.a,{size:16,className:e.led,"data-led-state":"off",children:jsxRuntime.jsx(icons.LedOutlineIcon,{})}),jsxRuntime.jsx("span",{children:p})]})});c.displayName="CheckboxButton";

exports.a = c;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-WV3NMSJL.cjs.map