'use client';
 
import { Button } from '@/ui/Button';
import { Icon } from '@/ui/Icon';
import { PageHeader } from '@/ui/PageHeader';
import { Plus, Users } from 'lucide-react';
 
interface TeamsDirectoryHeaderProps {
  onCreateTeam: () => void;
}
 
export function TeamsDirectoryHeader({ onCreateTeam }: TeamsDirectoryHeaderProps) {
  return (
    <PageHeader
      icon={Users}
      title="Teams"
      description="Operational Units & Racing Collectives"
      action={
        <Button 
          variant="primary" 
          onClick={onCreateTeam}
          icon={<Icon icon={Plus} size={4} />}
        >
          Initialize Team
        </Button>
      }
    />
  );
}
