import { Page } from '@geist-ui/core'

const Error = ({ status }: {
    status: number
}) => {
    return (
        <Page title={status.toString() || 'Error'}>
            {status === 404 ? (
                <h1>This page cannot be found.</h1>
            ) : (
                <section>
                    <p>An error occurred: {status}</p>
                </section>
            )}
        </Page>
    )
}

export default Error