"use client";
import { jsx, jsxs } from "react/jsx-runtime";
function PortalPageHeader({ title, description, label, action }) {
  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between sm:gap-4", children: [
    /* @__PURE__ */ jsxs("div", { children: [
      label ? /* @__PURE__ */ jsx("p", { className: "mb-1 text-overline font-medium uppercase tracking-widest text-muted-foreground/60", children: label }) : null,
      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight sm:text-3xl", children: title }),
      description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground sm:text-base", children: description }) : null
    ] }),
    action ? /* @__PURE__ */ jsx("div", { className: "mt-3 shrink-0 sm:mt-0", children: action }) : null
  ] });
}
export {
  PortalPageHeader
};
//# sourceMappingURL=PortalPageHeader.js.map
