"use client";
import { jsx as l, jsxs as u } from "react/jsx-runtime";
import { isValidElement as m } from "react";
import { c as r } from "./cn-Bhsu1vx2.js";
const g = "flex w-full items-center gap-2 rounded-lg border px-4 py-1.5 text-base", d = {
  variant: {
    default: {
      classes: "bg-kumo-info/20 border-kumo-info text-kumo-link selection:bg-kumo-info-tint",
      description: "Informational banner for general messages"
    },
    alert: {
      classes: "bg-kumo-warning/20 border-kumo-warning text-kumo-warning selection:bg-kumo-warning-tint",
      description: "Warning banner for cautionary messages"
    },
    error: {
      classes: "bg-kumo-danger/20 border-kumo-danger text-kumo-danger selection:bg-kumo-danger-tint",
      description: "Error banner for critical issues"
    }
  }
}, o = {
  variant: "default"
};
function f({
  variant: e = o.variant
} = {}) {
  return r(
    // Base styles (exported as KUMO_BANNER_BASE_STYLES for Figma plugin)
    g,
    // Apply variant styles from KUMO_BANNER_VARIANTS
    d.variant[e].classes
  );
}
var b = /* @__PURE__ */ ((e) => (e[e.DEFAULT = 0] = "DEFAULT", e[e.ALERT = 1] = "ALERT", e[e.ERROR = 2] = "ERROR", e))(b || {});
function R({
  icon: e,
  children: t,
  text: s,
  variant: i = o.variant,
  className: a
}) {
  const n = t ?? s, c = m(n) ? n : /* @__PURE__ */ l("p", { children: n });
  return /* @__PURE__ */ u("div", { className: r(f({ variant: i }), a), children: [
    e,
    c
  ] });
}
export {
  R as B,
  b as a
};
//# sourceMappingURL=banner-4fkH6Sbt.js.map
