'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 l,composeFormCheckboxInputStyles as a,getComposedTextStyle as o}from"./common/styles.js";import{composeContainerClasses as c,composeFormCheckboxInputClasses as i,composeFormCheckboxLabelClasses as n}from"./common/classes.js";let d=({builderProps:d,setting:p,advanced:h,styles:u})=>{let{name:y,description:f,selected:k,required:x}=p??{},b=t(r(p)),j=t(l(p,u,d)),N=t(a()),g=t(o(p)),v=m(c(p,h,d)),C=m(i()),q=m(n());return e("div",{"data-id":d?.uid,style:b,children:s("label",{style:j,className:v,children:[e("input",{className:C,name:y,type:"checkbox",checked:k,required:x,onChange:e=>e.preventDefault,style:N}),e("span",{className:q,style:g,children:f})]})})};export{d as default};
