import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"

export function CheckYourBet() {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="text-sm">Check your bet</CardTitle>
      </CardHeader>
      <CardContent className="space-y-2 text-xs">
        <div className="text-[11px] text-muted-foreground">Your bet ID</div>
        <div className="flex gap-2">
          <Input
            placeholder="Bet ID"
            className="h-8 text-xs placeholder:text-[11px]"
          />
          <Button size="sm" className="text-xs">
            Check
          </Button>
        </div>
      </CardContent>
    </Card>
  )
}