interface ErrorMessageProps {
  error: string;
  applicationId?: string;
}

export default function ErrorMessage({ error, applicationId }: ErrorMessageProps) {
  return (
    <div className="flex items-center justify-center min-h-[400px]">
      <div className="text-center">
        <p className="text-red-600 font-semibold">{error}</p>
        {applicationId && (
          <p className="text-sm text-gray-500 mt-2">Application ID: {applicationId}</p>
        )}
      </div>
    </div>
  );
}