import { useNavigate } from "react-router-dom";

const Error404 = () => {
  const navigate = useNavigate();

  const handleGoBack = () => {
    navigate(-1);
  };

  return (
    <div className="error-container">
      <h1 className="error-code">404</h1>
      <p className="error-title">Page Not Found</p>
      <p className="error-message">
        Sorry, the page you are looking for does not exist.
      </p>
      <button onClick={handleGoBack} className="error-button">
        Go Back
      </button>
    </div>
  );
};

export default Error404;