stone-kit/dist/components/CheckBox/CheckBox.js

uikit for redesign

import { jsxs as b, jsx as c } from "react/jsx-runtime";
import { Input as h } from "../Input/ui/Input.js";
import { c as m } from "../../index-rKuIKazb.js";
import { forwardRef as i } from "react";
import { NewIcon as _ } from "../NewIcon/ui/NewIcon.js";
const x = "_checkboxLabel_19nrs_1", k = "_labelText_19nrs_37", d = "_error_19nrs_45", p = "_checkIcon_19nrs_53", e = {
  checkboxLabel: x,
  labelText: k,
  error: d,
  checkIcon: p
}, s = m.bind(e), u = i(({
  text: o,
  isChecked: n,
  error: r,
  children: t,
  ...l
}, a) => /* @__PURE__ */ b("label", { className: s(e.checkboxLabel, { [e.error]: r }), children: [
  /* @__PURE__ */ c(h, { type: "checkbox", ...l, ref: a }),
  n && /* @__PURE__ */ c(
    _,
    {
      additionalClass: e.checkIcon,
      color: "white",
      strokeWidth: "3",
      name: "check",
      size: "16"
    }
  ),
  /* @__PURE__ */ c(
    "div",
    {
      className: s(e.labelText, { [e.error]: r }),
      dangerouslySetInnerHTML: o ? { __html: o } : void 0,
      children: t
    }
  )
] }));
export {
  u as CheckBox
};