"use client";

// src/components/layout/page-heading.tsx
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
var PAGE_HEADING_CLASS = "text-h1 text-ods-text-primary";
var SECTION_HEADING_CLASS = "text-h2 text-ods-text-primary";
var DESCRIPTION_CLASS = "mt-6 max-w-[640px] font-['DM_Sans'] text-[16px] md:text-[18px] leading-[24px] md:leading-[28px] text-ods-text-secondary";
function PageHeading({
  children,
  as: Tag = "h1",
  description,
  className,
  descriptionClassName
}) {
  const headingClass = className ? `${PAGE_HEADING_CLASS} ${className}` : PAGE_HEADING_CLASS;
  const descClass = descriptionClassName ? `${DESCRIPTION_CLASS} ${descriptionClassName}` : DESCRIPTION_CLASS;
  const hasDescription = description != null && description !== "" && typeof description !== "boolean";
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(Tag, { className: headingClass, children }),
    hasDescription && /* @__PURE__ */ jsx("p", { className: descClass, children: description })
  ] });
}

export {
  PAGE_HEADING_CLASS,
  SECTION_HEADING_CLASS,
  PageHeading
};
//# sourceMappingURL=chunk-OO4ZGDRO.js.map