<script setup lang="ts">
/**
 * GameStats Component - Placeholder
 *
 * Will eventually display game statistics including:
 * - Box score (batting/pitching stats)
 * - Play-by-play details
 * - Player performance breakdown
 */

defineProps<{
  gameId: string
}>()
</script>

<template>
  <div class="bg-white rounded-lg shadow-md p-8 text-center">
    <div class="text-gray-400 mb-4">
      <svg
        class="w-16 h-16 mx-auto"
        fill="none"
        stroke="currentColor"
        viewBox="0 0 24 24"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          stroke-width="1.5"
          d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
        />
      </svg>
    </div>
    <h3 class="text-lg font-semibold text-gray-700 mb-2">Game Statistics</h3>
    <p class="text-gray-500">Detailed statistics will be available here soon.</p>
    <p class="text-sm text-gray-400 mt-4">
      Box scores, batting stats, pitching stats, and play-by-play analysis
    </p>
  </div>
</template>
