type Props = {
  readonly code: string;
  readonly description?: string;
  readonly title: string;
};

export function HttpError({ code, description, title }: Props) {
  return (
    <section className="bg-transparent">
      <div className="mx-auto max-w-screen-xl px-4 py-8 lg:px-6 lg:py-16">
        <div className="mx-auto max-w-screen-sm text-center">
          <h1 className="text-primary-600  mb-4 text-5xl font-extrabold tracking-tight lg:text-7xl">
            {code}
          </h1>
          <p className="mb-4 text-2xl font-bold tracking-tight text-gray-900">{title}</p>
          {description && <p className="mb-4 text-lg font-light text-gray-800">{description}</p>}
        </div>
      </div>
    </section>
  );
}