import ErrorPage from "@/components/pages/Error"

export const metadata = {
  title: "Sorry, this page doesn't exist"
}

function NotFound() {
  return <ErrorPage code={404} message="Sorry, the page you're looking for could not be found." />
}

export default NotFound

"use client"

import Link from "next/link"

interface props {
  code: number
  message: string
}

function Error({ code, message }: props) {
  return (
    <header>
      <div className="error-page-dialog">
        <h1>Error {code}</h1>
        <p className="grey">{message}</p>
        {code === 404 && <Link href="/" className="text-link">Go to the home page</Link>}
      </div>
    </header>
  )
}

export default Error