30 lines
676 B
TypeScript
30 lines
676 B
TypeScript
'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>
|
|
}
|
|
/>
|
|
);
|
|
}
|