"use client";
import { jsx as s } from "react/jsx-runtime";
import { forwardRef as y, Children as p, isValidElement as C, Fragment as g } from "react";
import { c as a } from "./cn-ct4n7r74mh8y0f48.js";
import { aU as L, aV as S } from "./vendor-base-ui-ie71jahf0czyf58j.js";
const A = "overflow-hidden rounded-lg bg-kumo-base shadow-xs ring ring-kumo-line", R = "flex w-full flex-col overflow-hidden rounded-lg bg-kumo-elevated text-base ring ring-kumo-hairline", _ = "-my-2 flex items-center gap-2 bg-kumo-elevated p-4 text-base font-medium text-kumo-strong", E = "relative flex flex-col gap-2 overflow-hidden rounded-lg bg-kumo-base p-4 pr-3 text-inherit no-underline ring ring-kumo-fill";
function x(r = {}) {
  return a(A);
}
function i(r) {
  return p.toArray(r).some((e) => C(e) ? e.type === t || e.type === n ? !0 : e.type === g ? i(e.props.children) : !1 : !1);
}
const d = y(function({ children: e, className: o, render: l, ...m }, u) {
  const f = i(e), c = {
    className: a(
      f ? R : x(),
      o
    )
  };
  return L({
    defaultTagName: "div",
    render: l,
    ref: u,
    props: S(c, m, { children: e })
  });
});
function n({
  children: r,
  className: e
}) {
  return /* @__PURE__ */ s("div", { className: a(_, e), children: r });
}
function t({ children: r, className: e }) {
  return /* @__PURE__ */ s("div", { className: a(E, e), children: r });
}
d.displayName = "LayerCard";
n.displayName = "LayerCard.Secondary";
t.displayName = "LayerCard.Primary";
const h = Object.assign(d, {
  Primary: t,
  Secondary: n
});
export {
  h as L
};
//# sourceMappingURL=layer-card-hvivdirwwnyq88wa.js.map
