import { jsxs as m, jsx as n } from "react/jsx-runtime";
import i from "../../components/SmartCallout/smartCallout.module.css";
import { Icon as c } from "../Icon/Icon.es.js";
import { Typography as d } from "../Typography/Typography.es.js";
const l = {
  muted: "bodySm",
  primary: "bodySm"
}, s = {
  muted: "color-text-secondary"
}, u = (t) => {
  const { label: e, type: r, icon: a } = t, o = r === "plain" ? t.variant : void 0;
  return /* @__PURE__ */ m("div", { className: i.root, "data-type": r, "data-mode": o, "data-icon": !!a, children: [
    a && /* @__PURE__ */ n(c, { name: a, className: i.icon }),
    /* @__PURE__ */ n(
      d,
      {
        defaultVariant: o ? l[o] : "labelMd",
        color: o ? s[o] : void 0,
        children: e
      }
    )
  ] });
};
export {
  u as SmartCallout
};
