import { styled as e } from "@mui/material/styles";
import { ToastContainerSlots as o } from "./ToastContainerEnum.js";
import { TOAST_KEY_COMPONENT as s } from "../constants.js";
import { toastStyles as t } from "../ToastContainer.styles.js";
import { Icon as m, Typography as n } from "@m4l/base";
import { IconButton as a } from "../../extended/mui/IconButton/IconButton.js";
const y = e("div", {
  name: s,
  slot: o.root
})(t?.root), S = e("div", {
  name: s,
  slot: o.messageRoot
})(t?.messageRoot), p = e("div", {
  name: s,
  slot: o.messageHeader
})(t?.messageHeader), I = e("div", {
  name: s,
  slot: o.messageIconRoot
})(t?.messageIconRoot), M = e("div", {
  name: s,
  slot: o.messageIconRoot
})(t?.containedHeaderStyled), R = e(n, {
  name: s,
  slot: o.messageTitle
})(t?.messageTitle), T = e(n, {
  name: s,
  slot: o.messageDescription
})(t?.messageDescription), u = e(m, {
  name: s,
  slot: o.messageIcon
})(t?.messageIcon), B = e(a, {
  name: s,
  slot: o.messageCloseButton
})(t?.messageCloseButton), f = e(a, {
  name: s,
  slot: o.messagePinButton
})(t?.messagePinButton);
export {
  M as ContainedHeaderStyled,
  B as MessageCloseButtonStyled,
  T as MessageDescriptionStyled,
  p as MessageHeaderStyled,
  I as MessageIconRootStyled,
  u as MessageIconStyled,
  f as MessagePinButtonStyled,
  S as MessageRootStyled,
  R as MessageTitleStyled,
  y as RootStyled
};
