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

interface LeaderboardListProps {
  children: ReactNode;
}

export function LeaderboardList({ children }: LeaderboardListProps) {
  return (
    <Box rounded="xl" bg="bg-iron-gray/30" border={true} borderColor="border-charcoal-outline" overflow="hidden">
      <div className="divide-y divide-charcoal-outline/50">
        {children}
      </div>
    </Box>
  );
}