import { styled as t } from "@mui/material/styles";
import { WINDOW_CONFIRM_KEY_COMPONENT as o } from "../constants.js";
import { WindowConfirmSlots as n } from "./WindowConfirmEnum.js";
import { windowConfirmStyles as e } from "../WindowConfirm.styles.js";
import { Typography as i } from "@m4l/base";
import { MessageIllustration as r } from "../subcomponents/MessageIllustration/MessageIllustration.js";
import { ActionsContainer as s } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
import { ActionCancel as a } from "../../CommonActions/components/ActionCancel/ActionCancel.js";
import { ActionIntro as l } from "../../CommonActions/components/ActionIntro/ActionIntro.js";
import { Image as m } from "../../Image/Image.js";
t("div", {
  name: o,
  slot: n.windowBaseRoot
})(e?.windowBaseRoot);
t("div", {
  name: o,
  slot: n.wrapperWindowBase
})(e?.wrapperWindowBase);
const g = t("div", {
  name: o,
  slot: n.wrapperWindowConfirm
})(e?.wrapperWindowConfirm), W = t("div", {
  name: o,
  slot: n.windowConfirmContent
})(e?.windowConfirmContent), v = t(r, {
  name: o,
  slot: n.messageIllustration
})(e?.messageIllustration), A = t(s, {
  name: o,
  slot: n.actionsContainer
})(e?.actionsContainer), M = t(a, {
  name: o,
  slot: n.actionCancel
})(e?.actionCancel), x = t(l, {
  name: o,
  slot: n.actionIntro
})(e?.actionIntro), B = t(m, {
  name: o,
  slot: n.illustrationIcon
})(e?.illustrationIcon), N = t("div", {
  name: o,
  slot: n.illustrationContainer
})(e?.illustrationContainer), O = t("div", {
  name: o,
  slot: n.textContent
})(e?.textContent), R = t(i, {
  name: o,
  slot: n.title
})(e?.title), T = t(i, {
  name: o,
  slot: n.message
})(e?.message);
export {
  M as ActionCancelStyled,
  x as ActionIntroStyled,
  A as ActionsContainerStyled,
  N as IllustrationContainerStyled,
  B as IllustrationIconStyled,
  v as MessageIllustrationStyled,
  T as MessageStyled,
  O as TextContentStyled,
  R as TitleStyled,
  W as WindowConfirmContentStyled,
  g as WindowConfirmRootStyled
};
