import { TOAST_NATIVE_STYLES as s } from "./constants.js";
const i = {
  /** Root del componente ToastContainer */
  root: ({ theme: o, ownerState: t }) => ({
    ...s,
    "&&&": {
      "--toastify-color-light": o.vars.palette.background.default,
      "--toastify-color-dark": o.vars.palette.background.default,
      "--toastify-color-info": o.vars.palette.info.enabled,
      "--toastify-color-success": o.vars.palette.success.enabled,
      "--toastify-color-warning": o.vars.palette.warning.enabled,
      "--toastify-color-error": o.vars.palette.error.enabled,
      "--toastify-color-transparent": "rgba(255, 255, 255, 0.7)",
      "--toastify-icon-color-info": "var(--toastify-color-info)",
      "--toastify-icon-color-success": "var(--toastify-color-success)",
      "--toastify-icon-color-warning": "var(--toastify-color-warning)",
      "--toastify-icon-color-error": "var(--toastify-color-error)",
      "--toastify-toast-width": "320px",
      "--toastify-toast-background": "#fff",
      "--toastify-toast-min-height": "64px",
      "--toastify-toast-max-height": "800px",
      "--toastify-font-family": "sans-serif",
      "--toastify-z-index": "9999",
      "--toastify-text-color-light": "#757575",
      "--toastify-text-color-dark": "#fff",
      //Used only for colored theme
      "--toastify-text-color-info": "#fff",
      "--toastify-text-color-success": "#fff",
      "--toastify-text-color-warning": "#fff",
      "--toastify-text-color-error": "#fff",
      "--toastify-spinner-color": "#616161",
      "--toastify-spinner-color-empty-area": "#e0e0e0",
      // Used when no type is provided
      // toast("**hello**")
      // '--toastify-color-progress-light': 'var(--toastify-color-info)',
      // // Used when no type is provided
      // '--toastify-color-progress-dark': 'var(--toastify-color-info)',
      // '--toastify-color-progress-info': 'var(--toastify-color-info)',
      // '--toastify-color-progress-success': 'var(--toastify-color-success)',
      // '--toastify-color-progress-warning': 'var(--toastify-color-warning)',
      // '--toastify-color-progress-error': 'var(--toastify-color-error)',
      "--toastify-toast-bd-radius": "8px",
      // used to control the opacity of the progress trail
      "--toastify-color-progress-bgo": ".2",
      ...t?.fixed === !1 ? {
        top: 0,
        position: "absolute",
        zIndex: o.vars.zIndex.snackbar,
        "@supports (position: sticky)": {
          position: "sticky"
        }
      } : {},
      "& .Toastify": {
        margin: 0,
        padding: 0,
        height: 0
      },
      "& .Toastify__toast-container": {
        display: "flex",
        flexDirection: "column",
        gap: "16px",
        ...t?.fixed === !1 ? {
          top: "20px",
          position: "absolute"
        } : {},
        [o.breakpoints.down(480)]: {
          width: "100%",
          minWidth: "100%",
          padding: "0"
        }
      },
      /** Used to define the position of the ToastContainer */
      // '.Toastify__toast-container--top-left': {},
      // '.Toastify__toast-container--top-center': {},
      // '.Toastify__toast-container--top-right': {},
      // '.Toastify__toast-container--bottom-left': {},
      // '.Toastify__toast-container--bottom-center': {},
      // '.Toastify__toast-container--bottom-right': {},
      "& .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > *": {
        opacity: 0.2
      },
      /** Classes for the displayed toast */
      "& .Toastify__toast": {
        minHeight: "min-content",
        margin: "0",
        padding: "0",
        backgroundColor: o.vars.palette.background.default,
        boxShadow: o.customShadows?.z4,
        borderRadius: "4px",
        border: `1px solid ${o.vars.palette.border.default}`,
        [o.breakpoints.down(480)]: {
          margin: "1%",
          width: "98% !important"
        }
      },
      ".Toastify__toast--rtl": {},
      "& .Toastify__toast-body": {
        margin: "0px",
        padding: "0px"
      },
      /** Used to position the icon */
      // '& .Toastify__toast-icon': {},
      /** handle the notification color and the text color based on the theme */
      // '& .Toastify__toast-theme--dark': {},
      // '& .Toastify__toast-theme--light': {},
      // '& .Toastify__toast-theme--colored.Toastify__toast--default': {},
      // '& .Toastify__toast-theme--colored.Toastify__toast--info': {},
      // '& .Toastify__toast-theme--colored.Toastify__toast--success': {},
      // '& .Toastify__toast-theme--colored.Toastify__toast--warning': {},
      // '& .Toastify__toast-theme--colored.Toastify__toast--error': {},
      "& .Toastify__progress-bar--wrp": {
        position: "absolute",
        top: 0,
        height: "2px",
        borderTopLeftRadius: "2px",
        borderTopRightRadius: "2px",
        borderBottomLeftRadius: "0",
        borderBottomRightRadius: "0",
        overflow: "hidden"
      },
      "& .Toastify__progress-bar": {
        borderTopLeftRadius: "2px",
        borderBottomLeftRadius: "0",
        borderBottomRightRadius: "0"
      }
      // '& .Toastify__progress-bar--rtl': {},
      // '& .Toastify__progress-bar-theme--light': {},
      // '& .Toastify__progress-bar-theme--dark': {},
      // '& .Toastify__progress-bar--info': {},
      // '& .Toastify__progress-bar--success': {},
      // '& .Toastify__progress-bar--warning': {},
      // '& .Toastify__progress-bar--error': {},
    }
  }),
  /** 📦 Contenedor Principal del Toast 📦 */
  messageRoot: ({ theme: o }) => ({
    display: "flex",
    flexDirection: "column",
    width: "100%",
    minWidth: "300px",
    padding: o.vars.size.baseSpacings.sp3,
    gap: o.vars.size.baseSpacings.sp1
  }),
  /** 🗣️ Header del ToastContainer 🗣️ */
  messageHeader: ({ theme: o }) => ({
    width: "100%",
    display: "flex",
    gap: o.vars.size.baseSpacings.sp1,
    alignItems: "center"
  }),
  /** 🔠 Titulo del Header 🔠 */
  messageTitle: () => ({
    "&.M4lclassCssSpecificity": {
      flex: 1,
      variants: []
    }
  }),
  /** 🗒️ Mensaje descriptivo 🗒️ */
  messageDescription: ({ theme: o }) => ({
    "&.M4lclassCssSpecificity": {
      paddingLeft: o.vars.size.baseSpacings.sp7,
      paddingRight: o.vars.size.baseSpacings.sp1,
      paddingBottom: o.vars.size.baseSpacings.sp1
    }
  }),
  /** 📜 Div del icono Message 📜*/
  messageIconRoot: () => ({
    display: "flex"
  }),
  /** 🏷️ Icon Message 🏷️ */
  messageIcon: () => ({
    '& > [class*="M4LIcon-icon"]': {
      variants: []
    }
  }),
  /** 👾 Contenedor del titulo e IconMessage 👾 */
  containedHeaderStyled: ({ theme: o }) => ({
    display: "flex",
    width: "100%",
    gap: o.vars.size.baseSpacings.sp3
  }),
  messageCloseButton: {},
  messagePinButton: {}
};
export {
  i as toastStyles
};
