import { jsx as o } from "@emotion/react/jsx-runtime";
import { Icon as t } from "@m4l/base";
import { useEnvironment as r } from "@m4l/core";
import "@mui/material";
function l(e) {
  const { host_static_assets: s, environment_assets: n } = r(), c = `${s}/${n}/frontend/components/check_box/assets/icons/unchecked.svg`;
  return /* @__PURE__ */ o(
    t,
    {
      src: c,
      size: "small",
      color: "text.primary",
      className: "checkbox-unChecked",
      ...e
    }
  );
}
function d(e) {
  const { host_static_assets: s, environment_assets: n } = r(), c = `${s}/${n}/frontend/components/check_box/assets/icons/checked.svg`;
  return /* @__PURE__ */ o(
    t,
    {
      src: c,
      size: "small",
      color: "primary.enabled",
      className: "checkbox-checked",
      ...e
    }
  );
}
function k(e) {
  const { host_static_assets: s, environment_assets: n } = r(), c = `${s}/${n}/frontend/components/check_box/assets/icons/indeterminate.svg`;
  return /* @__PURE__ */ o(
    t,
    {
      src: c,
      size: "small",
      color: "primary.enabled",
      ...e
    }
  );
}
export {
  d as CheckboxCheckedIcon,
  l as CheckboxIcon,
  k as CheckboxIndeterminateIcon
};
