1
import type { ReactNode } from "react";
2
 
3
interface PageHeaderProps {
4
  title: string;
5
  description?: string;
6
  actions?: ReactNode;
7
}
8
 
9
export const PageHeader = ({ title, description, actions }: PageHeaderProps) => (
10
  <header className="mb-6 flex items-end justify-between gap-4">
11
    <div>
12
      <h1 className="font-display text-2xl font-bold tracking-tight text-zinc-100 sm:text-3xl">{title}</h1>
13
      {description ? <p className="mt-1 text-sm text-zinc-400">{description}</p> : null}
14
    </div>
15
    {actions ? <div className="flex items-center gap-2">{actions}</div> : null}
16
  </header>
17
);