import React, { ReactNode } from 'react';
import { Table, TableHead, TableBody, TableRow, TableHeader } from './Table';

interface TeamLadderTableProps {
  children: ReactNode;
}

export function TeamLadderTable({ children }: TeamLadderTableProps) {
  return (
    <Table>
      <TableHead>
        <TableRow>
          <TableHeader>Rank</TableHeader>
          <TableHeader>Team</TableHeader>
          <TableHeader>Rating</TableHeader>
          <TableHeader>Wins</TableHeader>
          <TableHeader>Races</TableHeader>
          <TableHeader>Members</TableHeader>
        </TableRow>
      </TableHead>
      <TableBody>
        {children}
      </TableBody>
    </Table>
  );
}
