import { Alert, ConfirmModal } from '@grafana/ui';
import { Trans, t } from 'app/core/internationalization';

interface DeleteTokenConfirmationModalProps {
  isOpen: boolean;
  hasError: boolean;
  onConfirm: () => void;
  onDismiss: () => void;
}

export function DeleteTokenConfirmationModal(props: DeleteTokenConfirmationModalProps) {
  const { isOpen, hasError, onConfirm, onDismiss } = props;

  const body = (
    <>
      <p>
        <Trans i18nKey="migrate-to-cloud.delete-migration-token-confirm.body">
          If you&apos;ve already used this token with a self-managed installation, that installation will no longer be
          able to upload content.
        </Trans>
      </p>

      {hasError && (
        <Alert
          severity="error"
          title={t('migrate-to-cloud.delete-migration-token-confirm.error-title', 'Error deleting token')}
        />
      )}
    </>
  );

  return (
    <ConfirmModal
      isOpen={isOpen}
      title={t('migrate-to-cloud.delete-migration-token-confirm.title', 'Delete migration token')}
      body={body}
      confirmText={t('migrate-to-cloud.delete-migration-token-confirm.confirm-button', 'Delete token')}
      onConfirm={onConfirm}
      onDismiss={onDismiss}
    />
  );
}