'use client';

import React from 'react';
import { Plus } from 'lucide-react';
import { Button } from '@/ui/Button';
import { TeamsHeader } from '@/ui/TeamsHeader';

interface TeamsDirectoryHeaderProps {
  onCreateTeam: () => void;
}

export function TeamsDirectoryHeader({ onCreateTeam }: TeamsDirectoryHeaderProps) {
  return (
    <TeamsHeader 
      title="Directory"
      subtitle="Professional Racing Rosters"
      action={
        <Button 
          variant="primary" 
          onClick={onCreateTeam}
          icon={<Plus size={16} />}
        >
          Register Team
        </Button>
      }
    />
  );
}
