'use client'

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

export function DeliberationPanel() {
  return (
    <div className="flex items-center justify-center min-h-[300px]">
      <Card className="max-w-md w-full">
        <CardContent className="py-12 text-center">
          <div className="relative inline-block mb-4">
            <Lock className="h-12 w-12 text-muted-foreground/40 animate-pulse" />
          </div>
          <h3 className="text-lg font-semibold mb-2">Results Coming Soon</h3>
          <p className="text-sm text-muted-foreground max-w-xs mx-auto">
            The jury is deliberating. Results will be shared when finalized.
          </p>
        </CardContent>
      </Card>
    </div>
  )
}
