import React from 'react';
import { User } from './types';
import { UserStatus } from './UserStatus';

interface UserInfoProps {
  users: User[];
}

export const UserInfo: React.FC<UserInfoProps> = ({ users }) => {
  return (
    <div className='w-7/12 h-60 flex justify-center'>
      {users.map((user) => (<UserStatus key={user.username} user={user} />))}
    </div>
  );
}