'use client';
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),styles=require("./common/styles.js"),classes=require("./common/classes.js");const FormCheckbox=({builderProps:e,setting:s,advanced:t,styles:l})=>{let{name:c,description:o,selected:r,required:a}=s??{},m=system.createStyle(styles.composeContainerStyles(s)),y=system.createStyle(styles.composeFormCheckboxStyles(s,l,e)),n=system.createStyle(styles.composeFormCheckboxInputStyles()),i=system.createStyle(styles.getComposedTextStyle(s)),u=system.createClass(classes.composeContainerClasses(s,t,e)),x=system.createClass(classes.composeFormCheckboxInputClasses()),p=system.createClass(classes.composeFormCheckboxLabelClasses());return jsxRuntime.jsx("div",{"data-id":e?.uid,style:m,children:jsxRuntime.jsxs("label",{style:y,className:u,children:[jsxRuntime.jsx("input",{className:x,name:c,type:"checkbox",checked:r,required:a,onChange:e=>e.preventDefault,style:n}),jsxRuntime.jsx("span",{className:p,style:i,children:o})]})})};exports.default=FormCheckbox;
