import { ReactNode } from 'react';
import { Box } from './Box';
import { Surface } from './Surface';

export interface LeaderboardTableShellProps {
  children: ReactNode;
  columns?: any[];
}

export const LeaderboardTableShell = ({ children, columns }: LeaderboardTableShellProps) => {
  return (
    <Surface variant="precision" rounded="xl" style={{ overflow: 'hidden' }} marginBottom={8}>
      <Box>
        {children}
      </Box>
    </Surface>
  );
};