import React from 'react';
import SocketContext from '../../contexts/SocketContext';
import { Timer } from './Timer';
import { RoundData } from './types';

interface RoundInfoProps {
  round: number;
  wordChosen: string;
}

export const RoundInfo: React.FC<RoundInfoProps> = ({ round, wordChosen }) => {
  return (
    <div className='p-3 m-3 h-14 rounded shadow flex items-center place-content-between'>
      <Timer />
      <div>{wordChosen}</div>
      <div>Round {round}/5</div>
    </div>
  );
}