import { jsxs as l, jsx as r } from "@emotion/react/jsx-runtime";
import { useModuleDictionary as S, useEnvironment as _ } from "@m4l/core";
import { dictionary as w } from "../../dictionary.js";
import { IllustrationContainerStyled as v, IllustrationIconStyled as $, TextContentStyled as y, TitleStyled as C, MessageStyled as M } from "../../slots/WindowConfirmSlots.js";
const b = (a) => {
  const { getLabel: c } = S(), {
    msg: d = c(w.MESSAGE),
    title: u,
    variant: i,
    size: t
  } = a, n = {
    windowConfirmColor: "default",
    windowConfirmVariant: i,
    windowConfirmSize: t
  }, { host_static_assets: o, environment_assets: s } = _(), e = `${o}/${s}/frontend/components/dialog/assets/icons/illustrator_confirm_warning.svg`, m = `${o}/${s}/frontend/components/dialog/assets/icons/illustrator_confirm_danger.svg`, f = `${o}/${s}/frontend/components/dialog/assets/icons/illustrator_confirm_success.svg`, g = `${o}/${s}/frontend/components/dialog/assets/icons/illustrator_confirm_info.svg`, p = i ? {
    warning: e,
    error: m,
    success: f,
    info: g
  }[i] : e;
  return /* @__PURE__ */ l(v, { ownerState: n, children: [
    /* @__PURE__ */ r(
      $,
      {
        ownerState: n,
        size: t,
        src: p
      }
    ),
    /* @__PURE__ */ l(y, { ownerState: n, size: t, children: [
      /* @__PURE__ */ r(C, { variant: "subtitleDens", ownerState: n, size: t, children: u }),
      /* @__PURE__ */ r(M, { ownerState: n, size: t, children: d })
    ] })
  ] });
};
export {
  b as MessageIllustration
};
