export interface HeaderProps {
  /** Brand wordmark, plain bold type. Defaults to "Kupp-west". */
  brand?: string;
  /** Small uppercase tagline under the wordmark, e.g. "Anhängerkupplungen & Elektrosätze". */
  tagline?: string;
}

/**
 * Centered page header (`.kwac-header`): the bold wordmark (`.kwac-mark`) over a
 * small uppercase, letter-spaced tagline (`.kwac-header-sub`). No logo image, no
 * navigation. Follows `Summary`, precedes `VehicleBar`.
 */
export function Header({ brand = 'Kupp-west', tagline = 'Anhängerkupplungen & Elektrosätze' }: HeaderProps) {
  return (
    <header className="kwac-header">
      <span className="kwac-mark">{brand}</span>
      <span className="kwac-header-sub">{tagline}</span>
    </header>
  );
}