import { jsxs as t, jsx as s } from "react/jsx-runtime";
import f from "../../utils/classNames.js";
import x from "../../hooks/useResizeObserver.js";
const h = 400, z = (r) => {
  const {
    title: e,
    actions: n,
    children: i,
    minWidthBreakpoint: a = h,
    className: c = "",
    ...l
  } = r, [o, N, { inlineSize: m }] = x(), d = f(
    "flex-1-1",
    "BannerContent",
    "display-flex gap-15",
    (m ?? 0) < a ? "flex-column" : "flex-row align-items-center",
    c
  );
  return n ? /* @__PURE__ */ t("div", { ref: o, className: d, ...l, children: [
    /* @__PURE__ */ t("div", { className: "flex-1-1 min-width-100", children: [
      e && /* @__PURE__ */ s("div", { className: "text-size-16 text-medium", children: e }),
      i
    ] }),
    n
  ] }) : /* @__PURE__ */ t("div", { className: "flex-1-1", children: [
    e && /* @__PURE__ */ s("div", { className: "text-size-16 text-medium", children: e }),
    i
  ] });
};
export {
  z as default
};
//# sourceMappingURL=BannerContent.js.map
