import React, { ReactNode } from 'react';
import { Box } from './Box';

interface TeamGridProps {
  children: ReactNode;
}

export function TeamGrid({ children }: TeamGridProps) {
  return (
    <Box display="grid" gridCols={{ base: 1, md: 2, lg: 3 }} gap={4}>
      {children}
    </Box>
  );
}