import { FC } from 'react';

import CroppingModalHU from '@material-hu/components/composed-components/CroppingModal';
import { CroppingModalProps as CroppingModalHUProps } from '@material-hu/components/composed-components/CroppingModal/types';

import { useLokaliseTranslation } from 'src/utils/i18n';

export type CroppingModalProps = CroppingModalHUProps;

export const Cropping: FC<CroppingModalProps> = props => {
  const { t } = useLokaliseTranslation(['general']);

  return (
    <CroppingModalHU
      cancelLabel={t('cancel')}
      saveLabel={t('save')}
      {...props}
    />
  );
};

export default Cropping;