import React from 'react';
import Timer from './Timer';

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

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>
  );
}

export default RoundInfo;