import { useContext } from "react"
import { FC } from 'react'
import { Context } from "../../main"
import { observer } from "mobx-react-lite"


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

export default UserInfo;