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

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

type CancelDuplicateArticleModalProps = {
  onClose: () => void;
  onConfirm: () => void;
};

const CancelDuplicateArticleModal = ({
  onClose,
  onConfirm,
}: CancelDuplicateArticleModalProps) => {
  const { t } = useLokaliseTranslation('libraries');

  const handleConfirm = () => {
    onClose();
    onConfirm();
  };

  return (
    <Dialog
      onClose={onClose}
      title={t('article.duplicate.cancel.title')}
      textBody={t('article.duplicate.cancel.description')}
      secondaryButtonProps={{
        children: t('general:cancel'),
        onClick: handleAction(onClose),
      }}
      primaryButtonProps={{
        children: t('article.duplicate.cancel.confirm'),
        onClick: handleAction(handleConfirm),
      }}
    />
  );
};

export default CancelDuplicateArticleModal;