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,
    // Keep the whole content column shrinkable so descendant text wrapping is
    // not defeated by the default flex item min-width: auto.
    minWidth: 0
  }),
  /**
   *  Container Illustration Styles
   */
  illustrationContainer: ({ theme: e }) => ({
    display: "flex",
    flexDirection: "column",
    justifyContent: "center",
    alignItems: "center",
    gap: e.vars.size.baseSpacings.sp6,
    alignSelf: "stretch",
    flex: 1,
    // Allow the flex column to shrink instead of being widened by long,
    // space-less content, which would otherwise trigger horizontal scroll.
    minWidth: 0,
    maxWidth: "100%"
  }),
  /**
   * 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,
    // Let the text column take the full available width and shrink with it so
    // long unbreakable strings wrap instead of overflowing the modal.
    width: "100%",
    minWidth: 0,
    maxWidth: "100%"
  }),
  /**
   * Title Illustration Styles
   */
  title: ({ theme: e }) => ({
    color: e.vars.palette.text.primary,
    textAlign: "center",
    fontWeight: `${e.typography.fontWeightBold} !important`,
    // Break long, space-less content (e.g. unresolved dictionary keys) so it
    // wraps within the modal width and never produces horizontal scroll.
    maxWidth: "100%",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }),
  /**
   * Message Illustration Styles
   */
  message: ({ theme: e }) => ({
    textAlign: "center",
    color: e.vars.palette.text.primary,
    // Same word-breaking guard as the title for long, space-less messages.
    maxWidth: "100%",
    overflowWrap: "anywhere",
    wordBreak: "break-word"
  }),
  /**
   * Actions Container Styles
   */
  actionsContainer: {},
  windowBaseRoot: {},
  messageIllustration: {},
  actionCancel: {},
  actionIntro: {}
};
export {
  t as windowConfirmStyles
};
