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

export interface LeaderboardTableShellProps {
  children: ReactNode;
}

export const LeaderboardTableShell = ({ children }: LeaderboardTableShellProps) => {
  return (
    <Surface variant="default" rounded="xl" style={{ border: '1px solid var(--ui-color-border-default)', overflow: 'hidden' }}>
      <Box>
        {children}
      </Box>
    </Surface>
  );
};