import { jsx as I } from "@emotion/react/jsx-runtime";
import _ from "clsx";
import { withToggle as f } from "../../../../hocs/withToggle/index.js";
import { getPropDataTestId as s } from "../../../../test/getNameDataTestId.js";
import { getComponentSlotRoot as B } from "../../../../utils/getComponentSlotRoot.js";
import { TOGGLE_ICON_BUTTON_KEY_COMPONENT as r, TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY as N } from "./constants.js";
import { ToggleIconButtonRootStyled as O } from "./slots/ToggleIconButtonSlots.js";
import { ToggleIconButtonSlots as u } from "./slots/ToggleIconButtonEnum.js";
const C = ({
  onToggle: e,
  children: n,
  isToggled: m,
  dataTestId: g,
  variant: o = "text",
  color: l,
  badgeProps: T,
  disabled: t,
  className: c,
  ...p
}) => {
  const i = {
    isToggled: m,
    variant: o,
    disabled: t
  };
  return /* @__PURE__ */ I(
    O,
    {
      ...p,
      variant: o,
      disabled: t,
      color: l,
      badgeProps: T,
      className: _(c, B(r), N),
      ...s(r, u.toggleIconButtonRoot, g),
      role: "toggle-iconButton",
      ownerState: i,
      onClick: e,
      children: n
    }
  );
}, a = f(C);
export {
  a as ToggleIconButton
};
