// /app/profile/[steamId]/matches/page.tsx
import UserMatchesList from '@/app/components/profile/[steamId]/matches/UserMatchesList'
import Card from '@/app/components/Card'

export default function MatchesPage({ params }: { params: { steamId: string } }) {
  return (
    <div className="max-w-6xl mx-auto py-8 px-4">
      <h1 className="text-2xl font-bold text-gray-700 dark:text-neutral-300 mb-6">
        Deine Matches
      </h1>

      <Card maxWidth="auto">
        <UserMatchesList steamId={params.steamId} />
      </Card>
    </div>
  )
}
