// src/App.jsx
import { useState } from "react";

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

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>+1</button>
      <button onClick={() => setCount(count - 1)}>-1</button>
      <button onClick={() => setCount(0)}>Reset</button>
    </div>
  );
}

function App() {
  return <Counter />;
}

export default App;

/*
  Notes:
  - All three buttons call the same setCount setter, just with
    different new values each time.
  - Reset simply calls setCount(0) directly, the same as setting
    state to any other known fixed value.
*/