import { jsx as t, jsxs as o, Fragment as u } from "react/jsx-runtime";
import { f as p, B as i, l as U, u as w, i as E, W as C, e as L, c as j, b as $, a as y, d as N, m as V } from "./PrizeCard-C2El3VOB.js";
import { B as S, T as r } from "./Button-DPGn5NZd.js";
import { a as O } from "./AlertMessage-BKksUsV9.js";
import { s as h, e as Y, a as _ } from "./helpers-uh28Hksw.js";
import "react";
import { R as b } from "./NotFoundSkeleton-BJ7rW_uC.js";
import "react-dom";
import { b as q } from "./useImageVariant-f37LbO43.js";
const ae = ({
  additionalCTA: e,
  buttonStyle: l,
  buttonContentStyle: a,
  textStyle: s
}) => {
  const { t: c } = p();
  return e ? e.component ? e.component : e.onClick ? /* @__PURE__ */ t(S, { sx: l, onClick: e.onClick, children: e.defaultLabel && /* @__PURE__ */ t(i, { sx: a, children: /* @__PURE__ */ t(r, { sx: s, children: e.defaultLabel }) }) }) : e.url ? /* @__PURE__ */ t(
    S,
    {
      component: "a",
      href: e.url,
      target: e.target || "_self",
      sx: l,
      children: /* @__PURE__ */ t(r, { sx: s, children: e.defaultLabel || c("common.additional") })
    }
  ) : null : null;
}, J = (e) => {
  var l, a, s;
  return {
    // Mobile headline with image background
    mobileHeadlineWithImage: {
      display: e.isMobile ? "flex" : "none",
      flexDirection: "column",
      justifyContent: "space-between",
      gap: "10px",
      backgroundImage: `url("${e.finalImage}")`,
      backgroundSize: "cover",
      backgroundPosition: "center",
      borderTopLeftRadius: "5px",
      borderTopRightRadius: "5px",
      position: "relative",
      minHeight: "210px",
      overflow: "hidden",
      height: "auto",
      "&::before": {
        content: '""',
        position: "absolute",
        width: "100%",
        height: "100%",
        background: e.imageBackgroundGradient,
        borderTopLeftRadius: "5px",
        borderTopRightRadius: "5px"
      }
    },
    // Content inside mobile headline with image
    mobileHeadlineContent: {
      zIndex: 1,
      height: "100%",
      p: e.spacingScale.xl,
      gap: e.spacingScale["2xl"],
      display: "flex",
      flexDirection: "column",
      justifyContent: "space-between"
    },
    // Mobile headline without image
    mobileHeadlineWithoutImage: {
      display: e.isMobile ? "flex" : "none",
      flex: "0.5",
      flexDirection: "column",
      justifyContent: "space-between",
      p: e.spacingScale.lg,
      gap: e.spacingScale["2xl"]
    },
    // Headline typography (mobile with image)
    headlineTypographyMobileImage: {
      fontWeight: 500,
      lineHeight: "166%",
      letterSpacing: "1px",
      fontSize: "0.75em",
      color: ((l = e.brandingColors) == null ? void 0 : l.secondaryColor) || e.darkTextColor,
      opacity: "70%",
      textTransform: "uppercase",
      fontFamily: e.fontFamilySecondary,
      textAlign: "center"
    },
    // Headline typography (mobile without image & desktop)
    headlineTypography: {
      fontWeight: 500,
      lineHeight: "166%",
      letterSpacing: "1px",
      textTransform: "uppercase",
      fontSize: "0.75em",
      color: e.secondaryColor,
      opacity: e.opacity,
      fontFamily: e.fontFamilySecondary,
      textAlign: "center"
    },
    // Title typography (mobile with image)
    titleTypographyMobileImage: {
      fontWeight: 700,
      lineHeight: "133%",
      fontSize: "1.5em",
      letterSpacing: "0.15px",
      color: ((a = e.brandingColors) == null ? void 0 : a.contentColor) || e.darkTextColor,
      fontFamily: e.fontFamilyPrimary,
      textAlign: "center"
    },
    // Title typography (mobile without image & desktop)
    titleTypography: {
      fontWeight: 700,
      lineHeight: "133%",
      letterSpacing: "0px",
      fontSize: "1.5em",
      color: e.textColor,
      fontFamily: e.fontFamilyPrimary,
      textAlign: e.isMobile ? "center" : "left"
    },
    // Description typography (mobile with image)
    descriptionTypographyMobileImage: {
      fontWeight: 400,
      lineHeight: "140%",
      fontSize: "1.25em",
      letterSpacing: "0.15px",
      color: ((s = e.brandingColors) == null ? void 0 : s.secondaryColor) || e.darkTextColor,
      opacity: "70%",
      fontFamily: e.fontFamilyPrimary,
      textAlign: "center"
    },
    // Description typography (mobile without image & desktop)
    descriptionTypography: {
      fontWeight: 400,
      lineHeight: "140%",
      letterSpacing: "0.15px",
      fontSize: "1.25em",
      color: e.secondaryColor,
      opacity: e.opacity,
      fontFamily: e.fontFamilyPrimary,
      textAlign: e.isMobile ? "center" : "left"
    },
    // Desktop title typography (centered)
    titleTypographyDesktop: {
      fontWeight: 700,
      lineHeight: "133%",
      letterSpacing: "0px",
      fontSize: "1.5em",
      color: e.textColor,
      fontFamily: e.fontFamilyPrimary
    },
    // Desktop description typography (centered)
    descriptionTypographyDesktop: {
      fontWeight: 400,
      lineHeight: "140%",
      letterSpacing: "0.15px",
      fontSize: "1.25em",
      color: e.secondaryColor,
      opacity: e.opacity,
      fontFamily: e.fontFamilyPrimary
    },
    // Image container (left position)
    imageContainerLeft: {
      display: e.isMobile ? "none" : "block",
      flex: "0.3",
      borderTopLeftRadius: e.borderRadius.md,
      borderBottomLeftRadius: e.borderRadius.md,
      overflow: "hidden",
      height: "auto",
      position: "relative"
    },
    // Image container (right position)
    imageContainerRight: {
      display: e.isMobile ? "none" : "block",
      flex: "0.3",
      borderTopRightRadius: "5px",
      borderBottomRightRadius: "5px",
      overflow: "hidden",
      height: "auto",
      position: "relative"
    },
    // Main content area
    mainContentArea: {
      flex: e.isMobile ? "1" : e.finalImage ? "0.7" : "1",
      // display: props.isMobile ? "block" : "flex",
      display: "flex",
      flexDirection: "column",
      p: e.spacingScale.md,
      gap: e.isMobile ? e.spacingScale.md : e.spacingScale.lg
    },
    // Desktop headline container
    desktopHeadlineContainer: {
      display: e.isMobile ? "none" : "flex",
      flexDirection: "column",
      justifyContent: "space-between",
      gap: e.spacingScale["2xl"],
      textAlign: "center"
    },
    // Content container
    contentContainer: {
      display: "flex",
      flexDirection: "column",
      gap: e.spacingScale["3xs"]
    },
    // Question area
    questionArea: {
      display: "flex",
      flexDirection: "column",
      px: e.spacingScale.md
    },
    // Question container
    questionContainer: {
      display: "flex",
      flexDirection: "column",
      gap: e.isMobile ? e.spacingScale.md : e.spacingScale.lg
    },
    // Alert container
    alertContainer: {
      // py: props.spacingScale.md,
      display: "flex",
      flexDirection: "column",
      backdropFilter: "blur(4px)"
    },
    image: {
      width: "100%",
      height: "100%",
      objectFit: "cover"
    },
    // CTA container
    ctaContainer: {
      display: "flex",
      flexDirection: "column",
      alignItems: "center"
    },
    // CTA content wrapper
    ctaContentWrapper: {
      display: "flex",
      flexDirection: "column",
      justifyContent: "center",
      alignItems: "center",
      gap: e.spacingScale.lg
    },
    // Buttons container
    buttonsContainer: {
      display: "flex",
      flexDirection: e.isMobile ? "column" : "row",
      gap: e.spacingScale.md
    },
    // Try again button
    tryAgainButton: {
      display: "flex",
      py: e.spacingScale.xs,
      px: "16px",
      flexDirection: "column",
      justifyContent: "center",
      alignItems: "center",
      gap: "8px",
      borderRadius: e.borderRadius.xl,
      border: e.borderSize + " solid " + e.primaryColor,
      bgcolor: e.buttonBgColor,
      "&:hover": {
        bgcolor: e.onSurfaceColor,
        borderColor: e.primaryColor
      },
      fontSize: "0.8125em"
    },
    // Try again button content
    tryAgainButtonContent: {
      display: "flex",
      justifyContent: "center",
      alignItems: "center",
      gap: "8px",
      alignSelf: "stretch"
    },
    // Try again icon
    tryAgainIcon: {
      display: "flex",
      width: "16px",
      height: "16px",
      justifyContent: "flex-end",
      alignItems: "center",
      color: e.textPrimary
    },
    // Try again text
    tryAgainText: {
      color: e.textPrimary,
      textAlign: "center",
      fontFamily: e.fontFamilyPrimary,
      fontSize: "0.8125em",
      fontStyle: "normal",
      fontWeight: 500,
      lineHeight: "22px",
      letterSpacing: "0.46px",
      textTransform: "uppercase"
    },
    // Presented by container
    presentedByContainer: {
      px: e.spacingScale.md
    }
  };
}, G = U(/* @__PURE__ */ t("path", {
  d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8"
}), "Replay"), re = (e) => {
  var W;
  const l = ((W = e.entity.branding) == null ? void 0 : W.colors) || null, a = w(), s = E(), c = q(
    {
      images: e.entity.images || null,
      imagePlaceholder: e.defaultImagePlaceholderUrl ? e.defaultImagePlaceholderUrl : ""
    },
    C.STANDARD
  ), g = L(), T = j().primary, d = j().secondary, A = $(), x = (l == null ? void 0 : l.contentColor) || y().textColor, I = y().textPrimary, k = (l == null ? void 0 : l.primaryColor) || y().palette.primary.plainColor, F = (l == null ? void 0 : l.secondaryColor) || y().textColor, R = N().size, D = y().surface, v = y().onSurface, M = V(
    C.STANDARD
  ), { t: m } = p(), f = e.imagePosition || "left", B = "60%", P = e.customAlertTitle ?? (e.isApiError ? m("common.error.title") : m("common.authentication.accessRequired")), z = e.customAlertMessage ?? (e.isApiError ? e.apiErrorMessage || m("common.error.message") : m("common.authentication.invalidOrMissingAuth")), n = J({
    finalImage: c,
    spacingScale: g,
    borderRadius: A,
    fontFamilyPrimary: T,
    fontFamilySecondary: d,
    textColor: x,
    secondaryColor: F,
    brandingColors: l,
    darkTextColor: a.colorSchemes.dark.textColor,
    opacity: B,
    imagePosition: f,
    imageBackgroundGradient: M,
    textPrimary: I,
    primaryColor: k,
    borderSize: R,
    buttonBgColor: D,
    onSurfaceColor: v,
    isMobile: s
  }), H = () => !e.isApiError || !e.toggleTryAgain ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ o(u, { children: [
    /* @__PURE__ */ t(i, { sx: n.ctaContainer, children: /* @__PURE__ */ t(i, { sx: n.ctaContentWrapper, children: /* @__PURE__ */ t(i, { sx: n.buttonsContainer, children: /* @__PURE__ */ t(S, { sx: n.tryAgainButton, onClick: e.toggleTryAgain, children: /* @__PURE__ */ o(i, { sx: n.tryAgainButtonContent, children: [
      /* @__PURE__ */ t(G, { sx: n.tryAgainIcon }),
      /* @__PURE__ */ t(r, { sx: n.tryAgainText, children: e.tryAgainButtonText })
    ] }) }) }) }) }),
    /* @__PURE__ */ t(i, { sx: n.presentedByContainer, children: e.renderPresentedBy(x) })
  ] });
  return /* @__PURE__ */ o(u, { children: [
    c ? /* @__PURE__ */ t(i, { sx: n.mobileHeadlineWithImage, children: /* @__PURE__ */ t(i, { sx: n.mobileHeadlineContent, children: /* @__PURE__ */ o(i, { children: [
      /* @__PURE__ */ o(
        i,
        {
          sx: {
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            gap: g["3xs"]
          },
          children: [
            /* @__PURE__ */ t(
              r,
              {
                level: "body-sm",
                sx: n.headlineTypographyMobileImage,
                children: e.headline
              }
            ),
            /* @__PURE__ */ t(
              b,
              {
                rulesDisplay: e.rulesDisplay,
                rules: e.entity.rules || ""
              }
            )
          ]
        }
      ),
      /* @__PURE__ */ o(i, { sx: n.contentContainer, children: [
        /* @__PURE__ */ t(
          r,
          {
            level: "body-lg",
            sx: n.titleTypographyMobileImage,
            children: e.entity.title
          }
        ),
        /* @__PURE__ */ t(
          r,
          {
            level: "body-md",
            sx: n.descriptionTypographyMobileImage,
            children: h(e.entity.description)
          }
        )
      ] })
    ] }) }) }) : /* @__PURE__ */ t(i, { sx: n.mobileHeadlineWithoutImage, children: /* @__PURE__ */ o(i, { children: [
      /* @__PURE__ */ o(
        i,
        {
          sx: {
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            gap: g["3xs"]
          },
          children: [
            /* @__PURE__ */ t(r, { level: "body-sm", sx: n.headlineTypography, children: e.headline }),
            /* @__PURE__ */ t(
              b,
              {
                rulesDisplay: e.rulesDisplay,
                rules: e.entity.rules || ""
              }
            )
          ]
        }
      ),
      /* @__PURE__ */ o(i, { sx: n.contentContainer, children: [
        /* @__PURE__ */ t(r, { level: "h4", sx: n.titleTypography, children: e.entity.title }),
        /* @__PURE__ */ t(r, { level: "body-md", sx: n.descriptionTypography, children: h(e.entity.description) })
      ] })
    ] }) }),
    c && f === "left" && /* @__PURE__ */ t(i, { sx: n.imageContainerLeft, children: /* @__PURE__ */ t("img", { src: c, alt: "illustration", style: n.image }) }),
    /* @__PURE__ */ o(i, { sx: n.mainContentArea, children: [
      /* @__PURE__ */ t(i, { sx: { px: g.md }, children: /* @__PURE__ */ t(i, { sx: n.desktopHeadlineContainer, children: /* @__PURE__ */ o(
        i,
        {
          sx: {
            display: "flex",
            flexDirection: "column",
            alignItems: "center"
          },
          children: [
            /* @__PURE__ */ o(
              i,
              {
                sx: {
                  display: "flex",
                  alignItems: "center",
                  gap: g["3xs"]
                },
                children: [
                  /* @__PURE__ */ t(r, { level: "body-sm", sx: n.headlineTypography, children: e.headline }),
                  /* @__PURE__ */ t(
                    b,
                    {
                      rulesDisplay: e.rulesDisplay,
                      rules: e.entity.rules || ""
                    }
                  )
                ]
              }
            ),
            /* @__PURE__ */ o(i, { sx: n.contentContainer, children: [
              /* @__PURE__ */ t(r, { level: "h4", sx: n.titleTypographyDesktop, children: e.entity.title }),
              /* @__PURE__ */ t(
                r,
                {
                  level: "body-md",
                  sx: n.descriptionTypographyDesktop,
                  children: h(e.entity.description)
                }
              )
            ] })
          ]
        }
      ) }) }),
      /* @__PURE__ */ t(i, { sx: n.questionArea, children: /* @__PURE__ */ t(i, { sx: n.questionContainer, children: /* @__PURE__ */ t(i, { sx: n.alertContainer, children: /* @__PURE__ */ t(
        O,
        {
          variant: e.alertVariant || "error",
          title: P,
          message: z
        }
      ) }) }) }),
      H(),
      !e.isApiError && /* @__PURE__ */ t(i, { sx: { ...n.presentedByContainer, mt: "auto" }, children: e.renderPresentedBy(x) })
    ] }),
    c && f === "right" && /* @__PURE__ */ t(i, { sx: n.imageContainerRight, children: /* @__PURE__ */ t("img", { src: c, alt: "illustration", style: n.image }) })
  ] });
}, K = (e) => {
  var l;
  return {
    // Main container with background overlay
    mainContainer: {
      display: "flex",
      flexDirection: "column",
      gap: "40px",
      p: e.spacingScale.xl,
      boxShadow: "md",
      border: (l = e.brandingColors) != null && l.borderColor ? `${e.borderSize} solid ${e.brandingColors.borderColor}` : "none",
      overflow: "hidden",
      backgroundImage: e.backgroundImage,
      backgroundSize: "cover",
      backgroundPosition: "center",
      position: "relative",
      borderRadius: e.borderRadius.md,
      "&::before": {
        content: '""',
        position: "absolute",
        background: e.imageBackgroundGradient,
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        borderRadius: "inherit",
        zIndex: 0
      }
    },
    // Headline section wrapper
    headlineSection: {
      display: "flex",
      justifyContent: "space-between",
      flex: "1 0 0",
      alignSelf: "stretch"
    },
    // Headline content container
    headlineContent: {
      display: "flex",
      flexDirection: "column",
      alignItems: "flex-start",
      flex: "1 0 0",
      gap: "16px"
    },
    // Headline content with z-index
    headlineContentInner: {
      zIndex: 10
    },
    // Headline typography
    headlineText: {
      fontWeight: 500,
      lineHeight: "166%",
      letterSpacing: "1px",
      textAlign: e.isMobile ? "center" : "left",
      color: e.secondaryColor,
      opacity: "70%",
      textTransform: "uppercase",
      fontFamily: e.fontFamilySecondary,
      fontSize: "0.75em"
    },
    // Content container
    contentContainer: {
      display: "flex",
      flexDirection: "column",
      gap: e.spacingScale["3xs"]
    },
    // Title typography
    titleText: {
      fontWeight: 700,
      lineHeight: "133%",
      letterSpacing: "0px",
      textAlign: e.isMobile ? "center" : "left",
      fontSize: "1.5em",
      color: e.darkTextColor,
      fontFamily: e.fontFamilyPrimary
    },
    // Description typography
    descriptionText: {
      fontWeight: 400,
      lineHeight: "140%",
      letterSpacing: "0.15px",
      fontSize: "1.25em",
      textAlign: e.isMobile ? "center" : "left",
      color: e.secondaryColor,
      opacity: "70%",
      fontFamily: e.fontFamilyPrimary
    },
    // Bottom section container
    bottomSection: {
      display: "flex",
      flexDirection: "column",
      gap: "24px",
      zIndex: 1
    },
    // Footer container
    footerContainer: {
      display: "flex",
      alignItems: "center",
      justifyContent: "space-between",
      flexDirection: e.isMobile ? "column-reverse" : "row",
      gap: e.spacingScale.md
    },
    ctaSection: {
      borderRadius: e.borderRadius.md,
      py: e.spacingScale.md,
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      alignSelf: "stretch",
      gap: e.spacingScale.md,
      backdropFilter: "blur(4px)",
      position: "relative",
      "&::before": {
        content: '""',
        position: "absolute",
        top: 0,
        left: 0,
        right: 0,
        bottom: 0,
        backgroundColor: e.contentBgColor,
        opacity: 0.25,
        borderRadius: "inherit",
        zIndex: 0,
        backdropFilter: "blur(4px)"
      },
      "& > *": {
        position: "relative",
        zIndex: 1
      }
    },
    // Buttons container
    buttonsContainer: {
      display: "flex",
      flexDirection: "column",
      gap: e.spacingScale.md
    },
    // Try again button
    tryAgainButton: {
      display: "flex",
      minHeight: "48px",
      py: "12px",
      pr: "24px",
      pl: "16px",
      flexDirection: "column",
      justifyContent: "center",
      alignItems: "center",
      gap: "8px",
      borderRadius: e.borderRadius.xl,
      bgcolor: e.onSurfaceColor,
      "&:hover": {
        bgcolor: e.surfaceVariantColor
      },
      fontSize: "0.9375em"
    },
    // Try again button content
    tryAgainButtonContent: {
      display: "flex",
      justifyContent: "center",
      alignItems: "center",
      gap: "8px",
      alignSelf: "stretch"
    },
    // Try again icon
    tryAgainIcon: {
      display: "flex",
      width: "24px",
      height: "24px",
      justifyContent: "center",
      alignItems: "center",
      color: e.textPrimary
    },
    // Try again text
    tryAgainText: {
      color: e.textPrimary,
      textAlign: "center",
      fontFamily: e.fontFamilyPrimary,
      fontSize: "0.9375em",
      fontStyle: "normal",
      fontWeight: 500,
      lineHeight: "24px",
      letterSpacing: "0.46px",
      textTransform: "uppercase"
    }
  };
}, ce = (e) => {
  const l = L(), a = w(), s = E(), { t: c } = p(), g = V(
    C.OVERLAY
  ), { brandingImage: T, brandingColors: d, brandingLogo: A } = Y(e.entity.branding || null), x = T || q(
    {
      images: e.entity.images || null,
      imagePlaceholder: e.defaultImagePlaceholderUrl || ""
    },
    C.OVERLAY
  ), I = _(x), k = (d == null ? void 0 : d.contentColor) || a.colorSchemes.dark.textColor, F = a.customFontFamily.dark.primary, R = a.customFontFamily.dark.secondary, D = a.customRadius.dark, v = a.border.dark.size, M = (d == null ? void 0 : d.backgroundColor) || a.colorSchemes.dark.surfaceVariant, m = a.colorSchemes.dark.onSurface, f = a.colorSchemes.dark.surfaceVariant, B = a.colorSchemes.dark.textPrimary, P = e.customAlertTitle ?? (e.isApiError ? c("common.error.title") : c("common.authentication.accessRequired")), z = e.customAlertMessage ?? (e.isApiError ? e.apiErrorMessage || c("common.error.message") : c("common.authentication.invalidOrMissingAuth")), n = K({
    spacingScale: l,
    brandingColors: d,
    secondaryColor: k,
    fontFamilyPrimary: F,
    fontFamilySecondary: R,
    borderRadius: D,
    borderSize: v,
    darkTextColor: a.colorSchemes.dark.textColor,
    backgroundImage: I,
    imageBackgroundGradient: g,
    contentBgColor: M,
    onSurfaceColor: m,
    surfaceVariantColor: f,
    textPrimary: B,
    isMobile: s
  }), H = () => !e.isApiError || !e.toggleTryAgain ? /* @__PURE__ */ t(u, {}) : /* @__PURE__ */ t(i, { sx: n.ctaSection, children: /* @__PURE__ */ t(i, { sx: n.buttonsContainer, children: /* @__PURE__ */ t(S, { sx: n.tryAgainButton, onClick: e.toggleTryAgain, children: /* @__PURE__ */ o(i, { sx: n.tryAgainButtonContent, children: [
    /* @__PURE__ */ t(G, { sx: n.tryAgainIcon }),
    /* @__PURE__ */ t(r, { sx: n.tryAgainText, children: e.tryAgainButtonText })
  ] }) }) }) });
  return /* @__PURE__ */ o(i, { sx: n.mainContainer, children: [
    /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t(i, { sx: n.headlineSection, children: /* @__PURE__ */ t(i, { sx: n.headlineContent, children: /* @__PURE__ */ o(i, { sx: n.headlineContentInner, children: [
      /* @__PURE__ */ o(
        i,
        {
          sx: {
            display: "flex",
            alignItems: "center",
            justifyContent: s ? "center" : "left",
            gap: l["3xs"]
          },
          children: [
            /* @__PURE__ */ t(r, { level: "body-sm", sx: n.headlineText, children: e.headline }),
            /* @__PURE__ */ t(
              b,
              {
                rulesDisplay: e.rulesDisplay,
                isOverlayVariant: !0,
                rules: e.entity.rules || ""
              }
            )
          ]
        }
      ),
      /* @__PURE__ */ o(i, { sx: n.contentContainer, children: [
        /* @__PURE__ */ t(r, { level: "h4", sx: n.titleText, children: e.entity.title }),
        /* @__PURE__ */ t(r, { level: "body-lg", sx: n.descriptionText, children: h(e.entity.description) })
      ] })
    ] }) }) }) }),
    /* @__PURE__ */ o(i, { sx: n.bottomSection, children: [
      /* @__PURE__ */ t(
        O,
        {
          variant: e.alertVariant || "error",
          title: P,
          message: z
        }
      ),
      H(),
      A ? /* @__PURE__ */ t(i, { sx: n.footerContainer, children: e.renderPresentedBy(a.colorSchemes.dark.textColor) }) : /* @__PURE__ */ t(u, {})
    ] })
  ] });
};
export {
  ae as A,
  ce as O,
  G as R,
  re as S
};
