import React from 'react';
import { FormattedMessage } from 'react-intl';

export default class Alert extends React.PureComponent {
  render() {
    return (<div className="alert-container">
      <div className="alert">
        <div className="title">{this.props.title}</div>
        <div className="content">{this.props.content}</div>
        <div className="dialog-buttons">
          {this.props.onReject ?
            <button className="outline" onClick={this.props.onReject}>
              {this.props.reject || <FormattedMessage id="button_cancel" defaultMessage="Cancel" description="Button [Cancel]" />}
            </button>
            :
            null
          }
          <button className="primary" onClick={this.props.onConfirm}>
            {this.props.confirm || <FormattedMessage id="button_ok" defaultMessage="OK" description="Button [OK]"  />}
          </button>
        </div>
      </div>
    </div>);
  }
};