import { Input } from "@/components/ui/input"

export function SearchEvent() {
  return (
    <div className="space-y-1 rounded-md border bg-card/60 p-3">
      <div className="text-[11px] font-medium uppercase tracking-wide text-muted-foreground">
        Search Event
      </div>
      <p className="text-[11px] text-muted-foreground">
        Insert the events name or at least one team in the form below
      </p>
      <Input
        placeholder="Search by event or team"
        className="h-8 text-xs placeholder:text-[11px]"
      />
    </div>
  )
}