fifty-shades-of-bully/src/pages/components/customButton.jsx

import '../../css/customButton.css'
import { useNavigate } from 'react-router-dom';

function BlackButton({ text , to="/"})  {
  const navigate = useNavigate();

  return(
        <button className='gray' onClick={()=> navigate(to, { replace: true })}>{text}</button>
  )
}
  
export default BlackButton