"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),o=require("./common/styles.js"),r=require("./common/classes.js"),c=require("../../settings/form-checkbox/configs/translate.js");exports.default=({builderProps:a,setting:l,advanced:i,pageContext:m,styles:n})=>{let{name:p,description:d,selected:u,required:y}=l??{},C=s.getDynamicSourceLocales({val:d,uid:a?.uid,settingId:s.createSettingId({id:c.FormCheckbox?.description?.id}),pageContext:m??{}}),$=t.createStyle(o.composeContainerStyles(l)),b=t.createStyle(o.composeFormCheckboxStyles(l,n,a)),x=t.createStyle(o.composeFormCheckboxInputStyles()),k=t.createStyle(o.getComposedTextStyle(l)),S=t.createClass(r.composeContainerClasses(l,i,a)),g=t.createClass(r.composeFormCheckboxInputClasses()),h=t.createClass(r.composeFormCheckboxLabelClasses());return e.template`
    <div
      data-id="${a?.uid}"
      style="${$}"
    >
      <label
        style="${b}"
        class="${S}"
      >
        <input
          class="${g}"
          name="${p}"
          type="checkbox"
          ${t.If(u,"checked")}
          ${t.If(y,"required")}
          style="${x}"
        >
        </input>
        <span class="${h}" style="${k}">
          ${C}
        </span>
      </label>
    </div>
  `};
