import { defineComponent as i, useSlots as r, createElementBlock as a, openBlock as c, normalizeClass as _, createElementVNode as e, createCommentVNode as d, createBlock as u, resolveDynamicComponent as m, createVNode as n } from "vue";
import { ScalarIconInfo as s, ScalarIconWarningCircle as p, ScalarIconWarning as f, ScalarIconCheckCircle as g } from "@scalar/icons";
const h = { class: "flex w-full flex-col gap-2" }, C = { class: "flex items-start gap-2" }, v = {
  class: "callout-content__icon",
  "data-scalar-name": "callout-icon"
}, x = { class: "callout-content__text" }, k = {
  key: 0,
  class: "flex justify-end gap-2"
}, N = /* @__PURE__ */ i({
  __name: "Callout",
  props: {
    type: {}
  },
  setup(o) {
    const t = r(), l = {
      info: s,
      success: g,
      warning: f,
      danger: p,
      neutral: s
    };
    return (y, I) => (c(), a("div", {
      class: _(`callout t-editor__callout callout__${o.type}`)
    }, [
      e("div", h, [
        e("div", C, [
          e("div", v, [
            (c(), u(m(l[o.type]), { class: "size-5 shrink-0" }))
          ]),
          e("div", x, [
            n(t.default)
          ])
        ]),
        t.actions ? (c(), a("div", k, [
          n(t.actions)
        ])) : d("", !0)
      ])
    ], 2));
  }
});
export {
  N as default
};
