import React from 'react';
import { Box } from '@chakra-ui/react';
import { ScoreboardState } from '@/services/scoreboard';
import ScoreboardPreview from './ScoreboardPreview';

// Full display component intended for public overlay usage.
// For now it reuses ScoreboardPreview visuals; can diverge later for larger sizing.
const ScoreboardDisplay: React.FC<{ state: ScoreboardState }> = ({ state }) => {
  return (
    <Box>
      <ScoreboardPreview state={state} />
    </Box>
  );
};

export default ScoreboardDisplay;
