"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";

// src/components/layout/page-heading.tsx
var _jsxruntime = require('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__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { className: headingClass, children }),
    hasDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: descClass, children: description })
  ] });
}





exports.PAGE_HEADING_CLASS = PAGE_HEADING_CLASS; exports.SECTION_HEADING_CLASS = SECTION_HEADING_CLASS; exports.PageHeading = PageHeading;
//# sourceMappingURL=chunk-722TTRIJ.cjs.map