counter

import React, {useState} from "react";
import 'bootstrap/dist/css/bootstrap.css';

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

  return(
    <div className="container my-5">
      <div className="card text-center my-5">
        <div className="card-header">
          <h1>Counter App</h1>
        </div>
        <div className="card-body">
          <h1>{count}</h1>
        </div>
        <div className="card-footer">
          <button className="btn btn-success mx-2" onClick={() => setCount(count + 1)}>Increment</button>
          <button className="btn btn-danger mx-2" onClick={() => setCount(count - 1)}>Decrement</button>
          <button className="btn btn-primary mx-2" onClick={() => setCount(0)}>Reset</button>
        </div>

      </div>
    </div>
  )

}

export default App;