/**
 * Page heading adapted from OnCo PageHeader: kicker, title, lede.
 * Copyright (c) 2026 OnCo for the adapted pattern. MIT License. See ui/NOTICE.
 * Garden art and domain logos are not included.
 */
export function PageHeader({ kicker, title, lede }: { kicker?: string; title: string; lede?: string }) {
  return (
    <header className="border-b border-border">
      <div className="mx-auto max-w-7xl px-4 pt-8 pb-6 sm:px-6 sm:pt-10">
        {kicker ? <p className="kicker mb-2">{kicker}</p> : null}
        <h1 className="text-3xl font-semibold tracking-tight first-letter:uppercase sm:text-4xl">{title}</h1>
        {lede ? <p className="mt-3 max-w-3xl text-[17px] leading-relaxed text-foreground/85 sm:text-lg">{lede}</p> : null}
      </div>
    </header>
  );
}