import { FC } from 'react';

import Button from '@material-hu/components/design-system/Buttons/Button';

import { useTranslation } from 'src/pages/dashboard/recognitions/i18n';

export type FilterButtonsProps = {
  onClose: () => void;
};

export const FilterButtons: FC<FilterButtonsProps> = props => {
  const { onClose } = props;

  const { t } = useTranslation();

  return (
    <>
      <Button
        onClick={onClose}
        variant="contained"
        color="secondary"
        sx={{ mr: 3 }}
      >
        {t('CANCEL')}
      </Button>
      <Button
        variant="contained"
        type="submit"
      >
        {t('APPLY_FILTERS')}
      </Button>
    </>
  );
};

export default FilterButtons;
