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

export default function ReminderSearchInput({
    search,
    setSearch,
}: {
    search: string;
    setSearch: (value: string) => void;
}) {
    const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
        const value = e.target.value;
        setSearch(value);

        router.get(
            route('reminders.index'),
            { search: value, page: 1 },
            {
                preserveState: true,
                preserveScroll: true,
                replace: true,
            },
        );
    };

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