29 lines
751 B
TypeScript
29 lines
751 B
TypeScript
import React, { ReactNode } from 'react';
|
|
|
|
interface ErrorPageContainerProps {
|
|
children: ReactNode;
|
|
errorCode: string;
|
|
description: string;
|
|
}
|
|
|
|
/**
|
|
* ErrorPageContainer
|
|
*
|
|
* A reusable container for error pages (404, 500, etc.)
|
|
* Provides consistent styling and layout for error states.
|
|
*/
|
|
export function ErrorPageContainer({
|
|
children,
|
|
errorCode,
|
|
description,
|
|
}: ErrorPageContainerProps) {
|
|
return (
|
|
<main className="min-h-screen flex items-center justify-center bg-deep-graphite text-white px-6">
|
|
<div className="max-w-md text-center space-y-4">
|
|
<h1 className="text-3xl font-semibold">{errorCode}</h1>
|
|
<p className="text-sm text-gray-400">{description}</p>
|
|
{children}
|
|
</div>
|
|
</main>
|
|
);
|
|
} |