import { jsx, jsxs } from "react/jsx-runtime";
import { cn } from "@open-mercato/shared/lib/utils";
function Page({ children, className }) {
  return /* @__PURE__ */ jsx("div", { className: cn("space-y-6", className), children });
}
function PageHeader({
  title,
  description,
  actions
}) {
  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4", children: [
    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
      /* @__PURE__ */ jsx("h1", { className: "text-xl sm:text-2xl font-semibold leading-tight", children: title }),
      description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: description }) : null
    ] }),
    actions ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: actions }) : null
  ] });
}
function PageBody({ children, className }) {
  return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), children });
}
export {
  Page,
  PageBody,
  PageHeader
};
//# sourceMappingURL=Page.js.map
