import { getSizeStyles as r } from "../../utils/getSizeStyles/getSizeStyles.js";
const t = {
  /**
   * Estilos del root
   */
  root: ({ theme: o, ownerState: i }) => ({
    "&": {
      display: "flex",
      justifyContent: "center",
      alignItems: "center",
      ...r(
        o,
        i?.size || "medium",
        "action",
        (a) => ({
          width: a,
          height: a
        })
      ),
      "& .MuiButtonBase-root .M4LImage-root": {
        ...r(
          o,
          i?.size || "medium",
          "base",
          (a) => ({
            width: `${a}!important`,
            height: `${a}!important`
          })
        )
      }
    }
  }),
  image: {},
  /**
   *  Estilos del paper
   */
  paper: ({ theme: o }) => ({
    "&&&": {
      position: "absolute",
      marginTop: o.vars.size.baseSpacings.sp1,
      backgroundColor: o.vars.palette.background.default,
      borderRadius: o.vars.size.borderRadius.r2,
      boxShadow: o.vars.customShadows.z4,
      padding: o.vars.size.baseSpacings.sp3,
      "& .MuiList-root": {
        padding: "unset"
      },
      "& .MuiTypography-root": {
        cursor: "pointer"
      }
    }
  })
};
export {
  t as languagePopoverStyles
};
