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>
  );
}