app.jsx

import Button from "./components/Button"; 
import {useEffect, useState} from "react";

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

    const increment = () => {
        setCount(count + 1);
    };

    const decrement = () => {
        setCount(count - 1);
    };
    const reset = () => {
        setCount(0);
    };

    useEffect(() => { 
        console.log("Count value changed:", count);
        setCount(count+1);

    },[count])

    return (
        <div style={{textAlign: "center", marginTop: "50px"}}>
            <h1>Simple Counter App</h1>
            <h2>count:{count}</h2>
            <Button label="Increment" onClick={increment} />
            <Button label="Decrement" onClick={decrement} />
            <Button label="Reset" onClick={reset} />    
        </div>
    );
} 
export default App;