import { c as _ } from "./reactSlick-cb4a2d39.mjs";
import s from "react";
const r = "checkboxGroup _checkboxGroup_67cf9", h = "checkbox _checkbox_36fc6", k = "checkboxButton _checkboxButton_39ee2", m = "checked _checked_0dcfc", x = "disabled _disabled_c77dc", u = "labelFirst _labelFirst_cbe23", p = "slate _slate_98361", e = {
  checkboxGroup: r,
  checkbox: h,
  checkboxButton: k,
  checked: m,
  disabled: x,
  labelFirst: u,
  slate: p
}, f = (l) => {
  const { className: o, isChecked: d, isLabelFirst: a, isDisabled: t, label: c, onChange: i, dataQa: n, isBgSlate: b } = l;
  return /* @__PURE__ */ s.createElement(
    "label",
    {
      className: _(
        e.checkbox,
        "checkbox",
        o,
        d && e.checked,
        a && e.isLabelFirst,
        t && e.disabled,
        b && e.slate
      )
    },
    c && a && /* @__PURE__ */ s.createElement("span", null, c),
    /* @__PURE__ */ s.createElement(
      "input",
      {
        type: "checkbox",
        onChange: i,
        className: _(e.checkboxButton, "checkboxButton mr-2 px-0"),
        disabled: t,
        "data-qa-id": n
      }
    ),
    c && !a && /* @__PURE__ */ s.createElement("span", null, c)
  );
};
export {
  f as C
};
