import React from "react";
import { Filter } from "@progress/kendo-react-data-tools";
import { FilterProps } from "./FilterProps";

const FilterComponent: React.FC<FilterProps> = ({
  dataTestId,
  ariaLabel,
  ariaLabelExpression,
  ariaLabelGroup,
  className,
  defaultGroupFilter,
  fields,
  style,
  value,
  onChange,
}) => (
  <div data-test-id={dataTestId}>
    <Filter
      ariaLabel={ariaLabel}
      ariaLabelExpression={ariaLabelExpression}
      ariaLabelGroup={ariaLabelGroup}
      className={className}
      defaultGroupFilter={defaultGroupFilter}
      fields={fields}
      style={style}
      value={value}
      onChange={onChange}
    />
  </div>
);

export default FilterComponent;