"use client";
import { SearchInput } from "@/components/common/SearchInput";
import { Input } from "@/components/ui/basic";
export function FilterBar({
  search,
  setSearch,
  object,
  setObject,
  start,
  setStart,
  end,
  setEnd,
}: {
  search: string;
  setSearch: (v: string) => void;
  object: string;
  setObject: (v: string) => void;
  start: string;
  setStart: (v: string) => void;
  end: string;
  setEnd: (v: string) => void;
}) {
  return (
    <div className="grid gap-3 md:grid-cols-4">
      <SearchInput value={search} onChange={setSearch} />
      <Input
        placeholder="Object (person)"
        value={object}
        onChange={(e) => setObject(e.target.value)}
      />
      <Input
        type="date"
        value={start}
        onChange={(e) => setStart(e.target.value)}
      />
      <Input type="date" value={end} onChange={(e) => setEnd(e.target.value)} />
    </div>
  );
}