import type { ReactNode } from "react";

interface PageHeaderProps {
  title: string;
  description?: string;
  actions?: ReactNode;
}

export const PageHeader = ({ title, description, actions }: PageHeaderProps) => (
  <header className="mb-6 flex items-end justify-between gap-4">
    <div>
      <h1 className="font-display text-2xl font-bold tracking-tight text-zinc-100 sm:text-3xl">{title}</h1>
      {description ? <p className="mt-1 text-sm text-zinc-400">{description}</p> : null}
    </div>
    {actions ? <div className="flex items-center gap-2">{actions}</div> : null}
  </header>
);