import { useNavigate } from 'react-router-dom';

function Home() {
  const navigate = useNavigate();
  const token = localStorage.getItem('token');
  const role = localStorage.getItem('role');

  return (
    <div>
      <h1>Willkommen bei den Tools</h1>
      {!token ? (
        <>
          <p>Bitte logge dich ein oder registriere dich.</p>
          <button onClick={() => navigate('/login')}>Login</button>
          <button onClick={() => navigate('/register')}>Registrieren</button>
        </>
      ) : (
        <>
          <p>Willkommen zurück!</p>
          <button onClick={() => navigate('/tools/md5')}>Zum MD5 Tool</button>
          {role === 'admin' && <button onClick={() => navigate('/admin')}>Admin-Bereich</button>}
        </>
      )}
    </div>
  );
}

export default Home;
