text: import React, {useState} from 'react'
  import pullUp from "./images/pullup.jpg"
  
  function PullUp () {
      const [reps, setReps] = useState(0);
  
      const styling = {
          color: "coral",
          fontFamily: "Helvetica, Arial, sans-serif"
      };
  
      const stylingImg = {
          height: "250px",
          width: "auto"
      };
  
      return (
  
          <div>
              <img style={stylingImg} src={pullUp} alt="pullup"/>
              <h2 style={styling}>Pull-up Reps: {reps}</h2>
              <button onClick={() => setReps(reps + 1)}>Add Rep</button>
              <button onClick={() => setReps(0)}>Reset Reps</button>
          </div>
      )
  }
  
  export default PullUp;