import { SearchAndFilterBar } from '../../../components/SearchAndFilterBar';
import { useLokaliseTranslation } from 'src/utils/i18n';

type OffersSearchBarProps = {
  searchValue: string;
  onSearchChange: (value: string) => void;
  onFilterClick?: () => void;
  onClearFilters?: () => void;
  activeFiltersCount?: number;
  isFilterButtonDisabled?: boolean;
};

export const OffersSearchBar = (props: OffersSearchBarProps) => {
  const { t } = useLokaliseTranslation('ats');

  return (
    <SearchAndFilterBar
      {...props}
      searchInputId="offers-search"
      placeholder={t('job_offers.list.search_placeholder')}
    />
  );
};