import type { Metadata } from 'next';
import FightCardClient from './FightCardClient';

/**
 * /fight/[id] (Wave 6 — combat intelligence). Thin server wrapper for page
 * metadata; the interactive tale-of-the-tape cards live in the client
 * component. Off-card windows self-hide to the shared EmptyState.
 */
export async function generateMetadata({ params }: { params: Promise<{ id: string }> }): Promise<Metadata> {
  await params;
  return {
    title: 'Fight Card — VYNDR Combat',
    description: 'Tale-of-the-tape, style-blend archetypes, and moneyline / round-total lines for the UFC card. A MODEL style read — not a settled grade.',
  };
}

export default async function FightPage({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
  return <FightCardClient id={String(id || '')} />;
}
