import _ from "classnames";
import a from "react";
const r = "checkboxGroup _checkboxGroup_742d3", h = "checkbox _checkbox_2c1a4", k = "checkboxButton _checkboxButton_647c9", m = "checked _checked_9b9ba", x = "disabled _disabled_41d72", u = "labelFirst _labelFirst_1ddc3", p = "slate _slate_91edf", e = {
  checkboxGroup: r,
  checkbox: h,
  checkboxButton: k,
  checked: m,
  disabled: x,
  labelFirst: u,
  slate: p
}, F = (l) => {
  const { className: o, isChecked: d, isLabelFirst: s, isDisabled: t, label: c, onChange: i, dataQa: b, isBgSlate: n } = l;
  return /* @__PURE__ */ a.createElement(
    "label",
    {
      className: _(
        e.checkbox,
        "checkbox",
        o,
        d && e.checked,
        s && e.isLabelFirst,
        t && e.disabled,
        n && e.slate
        // FIX.ME(Anggih), make it into className if that's possible
      )
    },
    c && s && /* @__PURE__ */ a.createElement("span", null, c),
    /* @__PURE__ */ a.createElement(
      "input",
      {
        type: "checkbox",
        onChange: i,
        className: _(e.checkboxButton, "checkboxButton mr-2 px-0"),
        disabled: t,
        "data-qa-id": b
      }
    ),
    c && !s && /* @__PURE__ */ a.createElement("span", null, c)
  );
};
export {
  F as C
};
