import { FC } from 'react'
import { useAppSelector } from '../../hooks/redux';

const UserInfo: FC = () => {
    
    const {user} = useAppSelector(state => state.UserSlice);
    
    return (
        <div className='flex items-center mb-12'>
            <div className="mr-3 w-12 h-12"><img src={user.avatar} className='w-[inherit] h-[inherit]' alt="avatar"/></div>
            <div className="">
                <p className='text-lg font-medium'>{user.name + ' ' + user.sname}</p>
                <p className='text-base'>{user.email}</p>
            </div>
        </div>
    )
}

export default UserInfo;