Overnap

UserStatus 컴포넌트 추가

1 +import React from 'react';
2 +import { User } from './types';
3 +
4 +interface UserStatusProps {
5 + user: User;
6 +}
7 +
8 +export const UserStatus: React.FC<UserStatusProps> = ({ user }) => {
9 + return (
10 + <div className='w-20 h-12 m-4 rounded-lg shadow'>
11 + <div className={`${user.admin ? 'text-blue-500' :
12 + user.ready ? 'text-green-500' : 'text-black'}
13 + text-lg text-center align-middle my-2.5`}>
14 + {user.username}</div>
15 + </div>
16 + )
17 +}
...\ No newline at end of file ...\ No newline at end of file