department-of-veterans-affairs/vets-website

import React from 'react';
import PropTypes from 'prop-types';
import { datadogRum } from '@datadog/browser-rum';
import { VaModal } from '@department-of-veterans-affairs/component-library/dist/react-bindings';
import { Prompts } from '../../util/constants';

const DeleteMessageModal = props => {
  return (
    <VaModal
      id="delete-message-modal"
      modalTitle={Prompts.Message.DELETE_MESSAGE_CONFIRM}
      onCloseEvent={() => {
        props.onClose();
        datadogRum.addAction('Delete Message Modal Closed');
      }}
      onPrimaryButtonClick={props.onDelete}
      onSecondaryButtonClick={props.onClose}
      primaryButtonText="Confirm"
      secondaryButtonText="Cancel"
      visible={props.visible}
      status="warning"
      data-testid="delete-message-modal"
      data-dd-action-name="Delete Message Modal"
    >
      <div
        className="modal-body vads-u-padding-bottom--1p5"
        data-testid="delete-message-confirm-note"
      >
        <p>{Prompts.Message.DELETE_MESSAGE_CONFIRM_NOTE}</p>
      </div>
    </VaModal>
  );
};

DeleteMessageModal.propTypes = {
  id: PropTypes.number,
  visible: PropTypes.bool,
  onClose: PropTypes.func,
  onDelete: PropTypes.func,
};

export default DeleteMessageModal;