import TextInput from '@/Components/TextInput';
import { Search } from 'lucide-react';
import { InputHTMLAttributes } from 'react';

export default function SearchInput({
    className = '',
    ...props
}: InputHTMLAttributes<HTMLInputElement> & { isFocused?: boolean }) {
    return (
        <div className={className}>
            <TextInput
                {...props}
                startIcon={
                    <Search className="pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 select-none opacity-50" />
                }
            />
        </div>
    );
}