import { useState } from "react";

function HomePage() {
  const [count, setCount] = useState(0);

  return (
    <section className="panel">
      <h2>React alap mintaalkalmazas</h2>
      <p>
        Ez az oldal egy oktatasi frontend, ami bemutatja a komponenseket, allapotkezelest,
        routingot, contextet, kontrollalt urlapot es API hivasokat.
      </p>
      <div className="counter">
        <p>useState pelda: szamlalo erteke {count}</p>
        <button onClick={() => setCount((current) => current + 1)}>Novel</button>
        <button onClick={() => setCount(0)}>Nullaz</button>
      </div>
    </section>
  );
}

export default HomePage;
