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

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

interface Props {
  title: string;
  textBody: string;
  onConfirm: () => void;
  onCancel: () => void;
  loading?: boolean;
}

const DeleteConfirmModal = ({
  title,
  textBody,
  onConfirm,
  onCancel,
  loading,
}: Props) => {
  const { t } = useLokaliseTranslation('general');

  return (
    <HuDialog
      title={title}
      textBody={textBody}
      primaryButtonProps={{
        children: t('delete'),
        onClick: onConfirm,
        loading,
      }}
      secondaryButtonProps={{
        children: t('cancel'),
        onClick: onCancel,
      }}
      onClose={onCancel}
    />
  );
};

export default DeleteConfirmModal;