import { cn } from "@/lib/utils";

interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
  title: string;
}

export function Header({ title, className, ...props }: HeaderProps) {
  return (
    <div
      className={cn(
        "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-800",
        className
      )}
      {...props}
    >
      <h1 className="text-2xl font-bold text-primary">{title}</h1>
    </div>
  );
}
