22 lines
731 B
TypeScript
22 lines
731 B
TypeScript
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>
|
|
);
|
|
}
|