import { c as classNames } from "./reactSlick.js";
import React__default from "react";
const checkboxGroup = "checkboxGroup _checkboxGroup_ace1c";
const checkbox = "checkbox _checkbox_68b10";
const checkboxButton = "checkboxButton _checkboxButton_111b0";
const checked = "checked _checked_2b99a";
const disabled = "disabled _disabled_472f2";
const labelFirst = "labelFirst _labelFirst_a2fd0";
var styles = {
  checkboxGroup,
  checkbox,
  checkboxButton,
  checked,
  disabled,
  labelFirst
};
const Checkbox = (props) => {
  const { className, isChecked, isLabelFirst, isDisabled, label, onChange, dataQa } = props;
  return /* @__PURE__ */ React__default.createElement("label", {
    className: classNames(styles.checkbox, "checkbox", className, isChecked && styles.checked, isLabelFirst && styles.isLabelFirst, isDisabled && styles.isDisabled)
  }, label && isLabelFirst && /* @__PURE__ */ React__default.createElement("span", null, label), /* @__PURE__ */ React__default.createElement("input", {
    type: "checkbox",
    onChange,
    className: classNames(styles.checkboxButton, "checkboxButton mr-2 px-0"),
    disabled: isDisabled,
    "data-qa-id": dataQa
  }), label && !isLabelFirst && /* @__PURE__ */ React__default.createElement("span", null, label));
};
export { Checkbox as C };
