'use client';
import{jsx as e,jsxs as s}from"react/jsx-runtime";import{createStyle as t,createClass as m}from"@gem-sdk/system";import{composeContainerStyles as r,composeFormCheckboxStyles as o,composeFormCheckboxInputStyles as l,getComposedTextStyle as a}from"./common/styles.js";import{composeContainerClasses as c,composeFormCheckboxInputClasses as i,composeFormCheckboxLabelClasses as n}from"./common/classes.js";let FormCheckbox=({builderProps:d,setting:p,advanced:h,styles:u})=>{let{name:y,description:f,selected:k,required:x}=p??{},b=t(r(p)),j=t(o(p,u,d)),C=t(l()),N=t(a(p)),g=m(c(p,h,d)),v=m(i()),F=m(n());return e("div",{"data-id":d?.uid,style:b,children:s("label",{style:j,className:g,children:[e("input",{className:v,name:y,type:"checkbox",checked:k,required:x,onChange:e=>e.preventDefault,style:C}),e("span",{className:F,style:N,children:f})]})})};export{FormCheckbox as default};
