content: //
  // Modal to delete a scheduled save in save history page
  //
  
  import React from 'react';
  import { Modal, ButtonToolbar, Glyphicon } from 'react-bootstrap';
  import LinkContainerButton from 'components/Button';
  import styles from 'components/SaveHistory/Table/ModalDeletionScheduledSave/styles.css';
  
  /* eslint-disable react/prefer-stateless-function */
  export default class SaveHistoryDeletionScheduledSaveModal extends React.Component {
  
    handleDeleteClick() {
      this.props.cancelSave(this.props.saveId, this.props.saveScheduledId, this.props.username);
      this.props.hideDeletionScheduledSaveModal();
    }
  
    render() {
      return (
        <Modal show={this.props.showDeletionModal} onHide={this.props.hideDeletionScheduledSaveModal}>
          <Modal.Header closeButton>
            <Modal.Title><Glyphicon glyph="warning-sign" className={styles.icon} />Delete scheduled save</Modal.Title>
          </Modal.Header>
          <Modal.Body className={styles.p}>
            <p>You are about to delete a scheduled save.</p>
            <p className={styles.bold}>Are you sure that you want to delete it?</p>
          </Modal.Body>
          <Modal.Footer>
            <ButtonToolbar>
              <LinkContainerButton buttonBsStyle="danger" buttonText="Delete" onClick={() => this.handleDeleteClick()} />
              <LinkContainerButton buttonBsStyle="default" buttonText="Cancel" onClick={this.props.hideDeletionScheduledSaveModal} />
            </ButtonToolbar>
          </Modal.Footer>
        </Modal>
      );
    }
  }
  
  SaveHistoryDeletionScheduledSaveModal.propTypes = {
    showDeletionModal: React.PropTypes.bool,
    saveId: React.PropTypes.number,
    saveScheduledId: React.PropTypes.number,
    username: React.PropTypes.string,
    hideDeletionScheduledSaveModal: React.PropTypes.func,
    cancelSave: React.PropTypes.func.isRequired,
  };
  