const t = {
  /**
   * Wrapper Window Confirm Styles
   */
  wrapperWindowConfirm: ({ theme: e, ownerState: i }) => ({
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    width: "100%",
    height: "100%",
    gap: e.vars.size.baseSpacings.sp0,
    borderRadius: e.vars.size.borderRadius.r0,
    background: e.vars.palette.background.default,
    ...e.generalSettings.isMobile ? {
      ...i?.windowBaseSize === "small" && {
        height: e.vars.size.mobile.small.container
      },
      ...i?.windowBaseSize === "medium" && {
        height: e.vars.size.mobile.medium.container
      }
    } : {
      ...i?.windowBaseSize === "small" && {
        height: e.vars.size.desktop.small.container
      },
      ...i?.windowBaseSize === "medium" && {
        height: e.vars.size.desktop.medium.container
      }
    }
  }),
  wrapperWindowBase: {},
  /**
   * Wrapper Window Confirm Content Styles
   */
  windowConfirmContent: ({ theme: e }) => ({
    display: "flex",
    padding: e.vars.size.baseSpacings.sp0,
    width: "100%",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp3,
    alignSelf: "stretch",
    borderRadius: e.vars.size.borderRadius.r0
  }),
  /**
   *  Container Illustration Styles
   */
  illustrationContainer: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp6,
    alignSelf: "stretch",
    flex: 1
  }),
  /**
   * Icon Illustration Styles
   */
  illustrationIcon: () => ({
    width: "auto !important",
    height: "auto !important",
    display: "flex",
    justifyContent: "center",
    alignItems: "center"
  }),
  /**
   * Text Content Styles
   */
  textContent: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp3
  }),
  /**
   * Title Illustration Styles
   */
  title: ({ theme: e }) => ({
    color: e.vars.palette.text.primary,
    textAlign: "center",
    fontWeight: `${e.typography.fontWeightBold} !important`
  }),
  /**
   * Message Illustration Styles
   */
  message: ({ theme: e }) => ({
    textAlign: "center",
    color: e.vars.palette.text.primary
  }),
  /**
   * Actions Container Styles
   */
  actionsContainer: {},
  windowBaseRoot: {},
  messageIllustration: {},
  actionCancel: {},
  actionIntro: {}
};
export {
  t as windowConfirmStyles
};
