import React from 'react';
import Filter from '@eeacms/search/components/FilterList/Filter';
import { useSearchContext } from '@eeacms/search/lib/hocs';

const MoreLikeThis = (props) => {
  const { filters, clearFilters, setFilter, removeFilter } = useSearchContext();

  const filter = filters.find((el) => el.field === 'moreLikeThis');

  return (
    <Filter
      {...filter}
      setFilter={setFilter}
      customClass="more-like-this"
      noTitle={true}
      removeFilter={removeFilter}
      onClear={(field) => {
        const activeFilters = filters.map(({ field }) => field);
        const exclude = activeFilters.filter((name) => name !== field);
        clearFilters(exclude);
      }}
    />
  );
};

export default MoreLikeThis;