import SearchInput from '@/Components/SearchInput';
import { router } from '@inertiajs/react';
import { ChangeEvent } from 'react';

export default function CompanySearchInput({
    search,
    setSearch,
}: {
    search: string;
    setSearch: (value: string) => void;
}) {
    // Handle search input changes
    const handleSearchChange = (e: ChangeEvent<HTMLInputElement>) => {
        const value = e.target.value;
        setSearch(value);

        // Immediately send search request
        router.get(
            route('admin-companies'),
            { search: value, page: 1 },
            {
                preserveState: true,
                preserveScroll: true,
                replace: true, // Prevent duplicate history entries
            },
        );
    };

    return (
        <SearchInput
            value={search}
            onChange={handleSearchChange}
            className="grow"
        />
    );
}