import CandidatesSearchFilters from "./candidates-search-filters";

type Props = {
  searchValue: string;
  onSearchChange: (value: string) => void;
  onFiltersClick?: () => void;
};

export default function CandidatesCardToolbar({
  searchValue,
  onSearchChange,
  onFiltersClick,
}: Props) {
  return (
    <div className="mb-6 flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
      <h2 className="text-lg font-bold text-[#383E49]">Candidate</h2>
      <CandidatesSearchFilters
        searchValue={searchValue}
        onSearchChange={onSearchChange}
        onFiltersClick={onFiltersClick}
      />
    </div>
  );
}