import { jsxs as o, jsx as s } from "@emotion/react/jsx-runtime";
import { TOAST_KEY_COMPONENT as r } from "../../constants.js";
import { useToastMessage as h } from "./useToastMessage.js";
import { MessageRootStyled as T, MessageHeaderStyled as m, ContainedHeaderStyled as p, MessageIconRootStyled as C, MessageIconStyled as P, MessageTitleStyled as b, MessagePinButtonStyled as u, MessageCloseButtonStyled as f, MessageDescriptionStyled as z } from "../../slots/toastContainerSlots.js";
const v = (i) => {
  const { title: a, description: n, closeToast: c } = i, { pinToast: d, isPinned: l, ownerState: e, iconPinPath: y, iconTypePath: S, iconClosePath: M, currentSize: t, iconColor: g } = h(i);
  return /* @__PURE__ */ o(T, { ownerState: e, children: [
    /* @__PURE__ */ o(m, { ownerState: e, children: [
      /* @__PURE__ */ o(p, { ownerState: e, children: [
        /* @__PURE__ */ s(C, { ownerState: e, children: /* @__PURE__ */ s(P, { src: S, ownerState: e, size: t, color: g }) }),
        /* @__PURE__ */ s(b, { ownerState: e, size: t, variant: "bodyDens", children: a })
      ] }),
      !l && /* @__PURE__ */ s(
        u,
        {
          onClick: d,
          ownerState: e,
          "aria-describedby": `${r}-pin`,
          src: y
        }
      ),
      /* @__PURE__ */ s(
        f,
        {
          onClick: c,
          src: M,
          ownerState: { ownerState: e },
          "aria-describedby": `${r}-close`
        }
      )
    ] }),
    n && /* @__PURE__ */ s(z, { ownerState: e, size: t, variant: "bodyStandard", children: n })
  ] });
};
export {
  v as ToastMessage
};
