import { t as e } from "../../utils-B7XIe3qq.js";
import "react";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region src/react/layout/page-header.tsx
function r({ eyebrow: r, title: i, lede: a, metadata: o, actions: s, tight: c = !1, className: l, ...u }) {
	return /* @__PURE__ */ n("header", {
		className: e("cmm-page-header", l),
		...u,
		children: [/* @__PURE__ */ n("div", {
			className: "cmm-page-header__top",
			children: [/* @__PURE__ */ n("div", {
				className: "cmm-page-header__copy",
				children: [
					r === void 0 ? null : /* @__PURE__ */ t("div", {
						className: "cmm-page-header__eyebrow",
						children: r
					}),
					/* @__PURE__ */ t("h1", {
						className: e("cmm-page-header__title", c && "cmm-page-header__title--tight"),
						children: i
					}),
					a === void 0 ? null : /* @__PURE__ */ t("p", {
						className: "cmm-page-header__lede",
						children: a
					})
				]
			}), s === void 0 ? null : /* @__PURE__ */ t("div", {
				className: "cmm-page-header__actions",
				children: s
			})]
		}), o !== void 0 && o.length > 0 ? /* @__PURE__ */ t("div", {
			className: "cmm-page-header__metadata",
			children: o.map((e, n) => /* @__PURE__ */ t("span", {
				className: "cmm-page-header__metadata-item",
				children: e
			}, n))
		}) : null]
	});
}
//#endregion
export { r as PageHeader };

//# sourceMappingURL=page-header.js.map