const r = {
  /**
   * Generates styles for the Toggle IconButton based on its state.
   */
  toggleIconButtonRoot: ({ theme: o, ownerState: a }) => ({
    ...a?.isToggled && {
      "&.M4lclassCssSpecificity.MuiButtonBase-root": {
        "& .M4LIcon-root .M4LIcon-icon": {
          backgroundColor: `${o.vars.palette.primary.semanticText} !important`
        },
        ...a?.variant === "outline" && {
          backgroundColor: o.vars.palette.primary.enabledOpacity,
          borderColor: o.vars.palette.border.main
        },
        ...a?.variant === "text" && {
          backgroundColor: o.vars.palette.primary.enabledOpacity
        },
        "&:hover": {
          backgroundColor: o.vars.palette.primary.hoverOpacity,
          borderColor: o.vars.palette.border.main
        },
        "&:active": {
          backgroundColor: o.vars.palette.primary.activeOpacity
        },
        "&:focus-visible": {
          backgroundColor: o.vars.palette.primary.enabledOpacity
        },
        ...a?.disabled && {
          backgroundColor: o.vars.palette.default.opacity,
          "& .M4LIcon-root .M4LIcon-icon": {
            backgroundColor: `${o.vars.palette.text.disabled} !important`
          },
          ...a?.variant === "outline" && {
            backgroundColor: o.vars.palette.border.disabled
          }
        }
      }
    }
  })
};
export {
  r as toggleIconButtonStyles
};
