"use client";
import { jsxs as l, jsx as n } from "react/jsx-runtime";
import { forwardRef as E, isValidElement as d } from "react";
import { c as r } from "./cn-ct4n7r74mh8y0f48.js";
const R = "flex w-full items-start gap-3 rounded-lg border px-4 py-3 text-base", f = {
  variant: {
    default: {
      classes: "bg-kumo-info/10 border-kumo-info/30 text-kumo-info selection:bg-kumo-info-tint",
      iconClasses: "text-kumo-info",
      description: "Informational banner for general messages"
    },
    alert: {
      classes: "bg-kumo-warning/10 border-kumo-warning/30 text-kumo-warning selection:bg-kumo-warning-tint",
      iconClasses: "text-kumo-warning",
      description: "Warning banner for cautionary messages"
    },
    error: {
      classes: "bg-kumo-danger/10 border-kumo-danger/30 text-kumo-danger selection:bg-kumo-danger-tint",
      iconClasses: "text-kumo-danger",
      description: "Error banner for critical issues"
    }
  }
}, k = {
  variant: "default"
};
function g({
  variant: e = k.variant
} = {}) {
  return r(
    // Base styles (exported as KUMO_BANNER_BASE_STYLES for Figma plugin)
    R,
    // Apply variant styles from KUMO_BANNER_VARIANTS
    f.variant[e].classes
  );
}
var p = /* @__PURE__ */ ((e) => (e[e.DEFAULT = 0] = "DEFAULT", e[e.ALERT = 1] = "ALERT", e[e.ERROR = 2] = "ERROR", e))(p || {});
const A = E(function({
  icon: a,
  title: o,
  description: s,
  children: x,
  text: b,
  variant: t = k.variant,
  className: c
}, m) {
  const u = f.variant[t];
  if (o || s)
    return /* @__PURE__ */ l("div", { ref: m, className: r(g({ variant: t }), c), children: [
      a && /* @__PURE__ */ n(
        "span",
        {
          className: r(
            "shrink-0 flex items-center h-[1.375em]",
            u.iconClasses
          ),
          children: a
        }
      ),
      /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5", children: [
        o && /* @__PURE__ */ n("p", { className: "font-medium leading-snug", children: o }),
        s && /* @__PURE__ */ n("div", { className: "text-sm leading-snug", children: d(s) ? s : /* @__PURE__ */ n("p", { children: s }) })
      ] })
    ] });
  const i = x ?? b, N = d(i) ? i : /* @__PURE__ */ n("p", { children: i });
  return /* @__PURE__ */ l("div", { ref: m, className: r(g({ variant: t }), c), children: [
    a && /* @__PURE__ */ n("span", { className: r("shrink-0", u.iconClasses), children: a }),
    N
  ] });
});
A.displayName = "Banner";
export {
  A as B,
  p as a
};
//# sourceMappingURL=banner-vzdjbqsb6em7tmdk.js.map
