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

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

type DeleteModalProps = {
  competitionId: number;
  onConfirm: (id: number) => void;
  onCancel: () => void;
  loading?: boolean;
};

const DeleteCompetitionModal = ({
  competitionId,
  onConfirm,
  onCancel,
  loading,
}: DeleteModalProps) => {
  const { t } = useLokaliseTranslation(['sportsPool', 'general']);

  return (
    <HuDialog
      title={t('admin.detail.delete_competition')}
      textBody={t('admin.delete_competition_confirm')}
      primaryButtonProps={{
        children: t('general:delete'),
        onClick: () => onConfirm(competitionId),
        loading,
      }}
      secondaryButtonProps={{
        children: t('general:cancel'),
        onClick: onCancel,
      }}
      onClose={onCancel}
    />
  );
};

export default DeleteCompetitionModal;