"use client";
import { j as o } from "./index.esm38.js";
import d from "./index.esm40.js";
import r from "./index.esm57.js";
import { Root as u } from "./index.esm8.js";
import { Typography as l } from "./index.esm9.js";
import { Icon as s } from "./index.esm19.js";
const p = (e) => {
  switch (e) {
    case "warning":
      return /* @__PURE__ */ o.jsxs(
        s,
        {
          decorative: !0,
          className: r.iconSvg,
          viewBox: "0 0 24 24",
          strokeWidth: 1.5,
          stroke: "currentColor",
          children: [
            /* @__PURE__ */ o.jsx(
              "path",
              {
                strokeLinecap: "round",
                strokeLinejoin: "round",
                d: "M12 3.5 3.5 19h17L12 3.5z"
              }
            ),
            /* @__PURE__ */ o.jsx(
              "path",
              {
                strokeLinecap: "round",
                strokeLinejoin: "round",
                d: "M12 10.25v4.25"
              }
            ),
            /* @__PURE__ */ o.jsx(
              "path",
              {
                strokeLinecap: "round",
                strokeLinejoin: "round",
                d: "M12 17.25h.01"
              }
            )
          ]
        }
      );
    case "success":
      return /* @__PURE__ */ o.jsxs(
        s,
        {
          decorative: !0,
          className: r.iconSvg,
          viewBox: "0 0 24 24",
          strokeWidth: 1.5,
          stroke: "currentColor",
          children: [
            /* @__PURE__ */ o.jsx(
              "path",
              {
                strokeLinecap: "round",
                strokeLinejoin: "round",
                d: "M9 12.75 11 14.75 15 9.75"
              }
            ),
            /* @__PURE__ */ o.jsx(
              "circle",
              {
                cx: "12",
                cy: "12",
                r: "8.25",
                strokeLinecap: "round",
                strokeLinejoin: "round"
              }
            )
          ]
        }
      );
    case "info":
    default:
      return /* @__PURE__ */ o.jsxs(
        s,
        {
          decorative: !0,
          className: r.iconSvg,
          viewBox: "0 0 24 24",
          strokeWidth: 1.5,
          stroke: "currentColor",
          children: [
            /* @__PURE__ */ o.jsx(
              "circle",
              {
                cx: "12",
                cy: "12",
                r: "8.25",
                strokeLinecap: "round",
                strokeLinejoin: "round"
              }
            ),
            /* @__PURE__ */ o.jsx(
              "path",
              {
                strokeLinecap: "round",
                strokeLinejoin: "round",
                d: "M12 10.5v4"
              }
            ),
            /* @__PURE__ */ o.jsx(
              "path",
              {
                strokeLinecap: "round",
                strokeLinejoin: "round",
                d: "M12 8h.01"
              }
            )
          ]
        }
      );
  }
}, j = ({
  className: e,
  testId: t,
  children: i,
  tone: n = "info",
  textAs: c = "div",
  ...a
}) => /* @__PURE__ */ o.jsxs(
  u,
  {
    as: "aside",
    className: d(r.callout, r[`callout--tone-${n}`], e),
    testId: t,
    ...a,
    children: [
      /* @__PURE__ */ o.jsx("div", { className: r.icon, children: p(n) }),
      /* @__PURE__ */ o.jsx(l, { variant: "body", as: c, className: r.text, children: i })
    ]
  }
);
j.displayName = "Callout";
export {
  j as Callout
};
//# sourceMappingURL=index.esm24.js.map
