'use client'

import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { Layers } from 'lucide-react'

type ProjectStatesTableProps = {
  competitionId: string
  roundId: string
}

export function ProjectStatesTable({ competitionId, roundId }: ProjectStatesTableProps) {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="text-base">Project States</CardTitle>
        <p className="text-sm text-muted-foreground">
          Projects participating in this round
        </p>
      </CardHeader>
      <CardContent>
        <div className="flex flex-col items-center justify-center py-12 text-center">
          <div className="rounded-full bg-muted p-4 mb-4">
            <Layers className="h-8 w-8 text-muted-foreground" />
          </div>
          <p className="text-sm font-medium">No Active Projects</p>
          <p className="text-xs text-muted-foreground mt-1">
            Project states will appear here when the round is active
          </p>
        </div>
      </CardContent>
    </Card>
  )
}