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

export function ReloadTicket() {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="text-sm">Reload Ticket</CardTitle>
      </CardHeader>
      <CardContent className="space-y-2 text-xs">
        <div className="text-[11px] text-muted-foreground">
          Insert the code to load
        </div>
        <div className="flex gap-2">
          <Input
            placeholder="Ticket code"
            className="h-8 text-xs placeholder:text-[11px]"
          />
          <Button size="sm" className="text-xs">
            Reload
          </Button>
        </div>
      </CardContent>
    </Card>
  )
}