'use client';

import { Box } from '@/ui/Box';
import { Input } from '@/ui/Input';
import { Search } from 'lucide-react';

interface DriverSearchBarProps {
  query: string;
  onChange: (query: string) => void;
}

export function DriverSearchBar({ query, onChange }: DriverSearchBarProps) {
  return (
    <Box as="div" width="full" maxWidth="400px">
      <Input
        value={query}
        onChange={(e) => onChange(e.target.value)}
        placeholder="Search competitors..."
        icon={<Search size={16} />}
        size="sm"
      />
    </Box>
  );
}