var React = require('react');

var ModalConfirmExit = React.createClass({
    displayName: 'ModalConfirmExit',
    propTypes: {
        yes: React.PropTypes.string,
        no: React.PropTypes.string,
        onYes: React.PropTypes.func,
        title: React.PropTypes.string
    },
    getDefaultProps: function () {
        return {
            title: 'Confirm',
            message: 'Are you sure you want to do that?',
            yes: 'Yes',
            no: 'Cancel'
        };
    },
    onYes: function () {
        if(this.props.onYes) {
            this.props.onYes();            
        }
        this.props.onClose();
    },
    render: function() {
        var {yes, no} = this.props
        return (
            <div>
                <div className="modal_title">{this.props.title}</div>
                <div className="modal_body">
                    <div className="p">{this.props.message}</div>
                    <div className="t-right">
                        {no ? <a className="Button Button-grey " onClick={this.props.onClose}>{no}</a> : null}
                        {yes ? <a className="Button" onClick={this.onYes}>{yes}</a> : null}
                    </div>
                </div>
            </div>
        );
    }
});

module.exports = ModalConfirmExit;