import { getSizeStyles as i } from "../../utils/getSizeStyles/getSizeStyles.js";
const r = {
  /**
   * Styles for the actions group root element.
   */
  root: ({ theme: o, ownerState: a }) => ({
    display: "flex",
    flexDirection: "row",
    gap: o.vars.size.baseSpacings.sp1,
    padding: o.vars.size.baseSpacings["sp0-5"],
    borderRadius: o.vars.size.borderRadius.r2,
    backgroundColor: o.vars.palette.background.base,
    width: "fit-content",
    height: "fit-content",
    ...a?.variant === "vertical" && {
      flexDirection: "column"
    },
    ...a?.variant === "horizontal" && {
      flexDirection: "row"
    }
  }),
  /**
   * Styles for the action icon button element.
   */
  actionIconButton: ({ theme: o, ownerState: a }) => ({
    "&&&": {
      ...i(o, a?.size || "medium", "case", (t) => ({
        width: t,
        height: t
      })),
      ...a?.disabled && {
        "& .M4LIcon-root .M4LIcon-icon": {
          backgroundColor: `${o.vars.palette.text.disabled} !important`
        }
      },
      ...a?.itemSelected && {
        backgroundColor: o.vars.palette.background.paper,
        boxShadow: o.vars.customShadows.z1,
        "& .M4LIcon-root .M4LIcon-icon": {
          backgroundColor: `${o.vars.palette.primary.semanticText} !important`
        }
      },
      ...!a?.itemDisabled && !a?.itemSelected && {
        "& .M4LIcon-root .M4LIcon-icon": {
          backgroundColor: `${o.vars.palette.text.secondary} !important`
        }
      }
    }
  }),
  /**
   * Styles for the action icon button skeleton element.
   */
  actionIconButtonSkeleton: ({ theme: o, ownerState: a }) => ({
    "&&&": {
      borderRadius: o.vars.size.borderRadius["r1-5"],
      ...i(o, a?.size || "medium", "case", (t) => ({
        width: `${t}!important`,
        height: `${t}!important`
      }))
    }
  }),
  /**
   * Styles for the icon tooltip message element.
   */
  iconTooltipMessage: {},
  /**
   * Styles for the text tooltip message element.
   */
  textTooltipMessage: ({ theme: o }) => ({
    color: o.vars.palette.text.contrastText
  }),
  /**
   * Styles for the tooltip element.
   */
  tooltip: ({ theme: o }) => ({
    "&&&": {
      display: "flex",
      flexDirection: "row",
      gap: o.vars.size.baseSpacings.sp2,
      paddingTop: o.vars.size.baseSpacings.sp1,
      paddingBottom: o.vars.size.baseSpacings.sp1,
      paddingLeft: o.vars.size.baseSpacings.sp2,
      paddingRight: o.vars.size.baseSpacings.sp2,
      "&.MuiTooltip-tooltip .M4LIcon-icon": {
        backgroundColor: o.vars.palette.text.contrastText
      },
      "& .M4LTypography-root": {
        color: o.vars.palette.text.contrastText
      }
    }
  })
};
export {
  r as actionsGroupStyles
};
