import React, { useState, useEffect } from 'react';
import { useUser } from '../contexts/UserContext';

const WelcomeUser: React.FC = () => {
    const { user } = useUser();

    return (
        <div className="mx-auto p-8 text-center font-serif">
            <h1 className="text-[42px] mb-5">
                Vítejte na webu Matematika moderně<b>{user ? `, ${user.username}!` : '!'}</b>
            </h1>
        </div>
    );
};

export default WelcomeUser;
