import { AppLayout, Container, Header, Link, TextContent } from "@cloudscape-design/components"

export const ErrorPage = () => {
  return (
    <AppLayout
      contentType="dashboard"
      navigationHide
      toolsHide
      content={
        <Container>
          <Header>Doorman</Header>
          <img src="doorman.png" />
          <TextContent>
            This isn't a valid door, please double check your URL, or <Link href="/?onboard">Onboard</Link> to Doorman
          </TextContent>
        </Container>
      }
    />
  )
};
