import React from 'react';
import { RoomData } from './types';

interface RoomInfoProps {
  roomData: RoomData;
}

const RoomInfo: React.FC<RoomInfoProps> = ({ roomData }) => {
  return (
    <div className='m-3 my-8 w-5/6 flex items-center place-content-between'>
      <div>{roomData.name}</div>
      <div>{roomData.users.length}/{roomData.maxUsers}</div>
    </div>
  );
}

export default RoomInfo;