import { PageHeader } from '@/compositions/PageHeader/PageHeader'
import { Section } from '@/components/Section/Section'
import { Container } from '@/components/Container/Container'
import { TextDiv } from '@/components/Text/TextDiv'

type ErrorProps = {
  statusCode: number;
  message?: string
}

export default function Error({statusCode, message}: ErrorProps) {
  return (

    <>
      <PageHeader
        title={"Fehler aufgetreten"}
        description={"Leider ist etwas schiefgelaufen. Bitte entschuldigen Sie die Unannehmlichkeiten!"}
      />

      <Section padding={"small"}>
        <Container>
          <h3>Fehler {statusCode}</h3>
          <TextDiv text={message || ""} />
        </Container>
      </Section>

    </>
  )
}