// Statutory-style report header (docs/21-GENERAL-LEDGER-FRONTEND.md "Sri Lankan Standard report
// UI"): centered title block, LKAS-aligned statement names, period/as-at line, currency note —
// the same shape whether the report renders on screen or the downloaded PDF (the PDF itself is
// rendered server-side by the GL service; this header is the on-screen equivalent).

interface ReportHeaderProps {
  title: string
  subtitle: string
  currencyNote?: string
}

export function ReportHeader({
  title,
  subtitle,
  currencyNote = "All amounts in Sri Lankan Rupees (LKR) unless stated otherwise.",
}: ReportHeaderProps) {
  return (
    <div className="flex flex-col items-center gap-1 border-b-2 border-foreground/70 px-4 pb-5 text-center">
      <p className="text-xs font-semibold tracking-[0.2em] text-muted-foreground uppercase">
        General Ledger
      </p>
      <h2 className="text-xl font-bold tracking-tight text-foreground uppercase">{title}</h2>
      <p className="text-base text-muted-foreground">{subtitle}</p>
      <p className="text-sm text-muted-foreground">{currencyNote}</p>
    </div>
  )
}
