import React, { Component } from 'react';
import {Button, Modal} from "semantic-ui-react";


class PromptMessage extends Component {
    render() {
        const {
            show = false,
            size = 'tiny',
            title = '',
            message = '',
            noActionLabel = 'No',
            yesActionLabel = 'Yes',
            yesActionIconName = 'checkmark',
            onClose = null,
            onActionNo = null,
            onActionYes = null,
        } = this.props;

        return (
            <Modal size={size} open={show} onClose={onClose}>
                <Modal.Header>{title}</Modal.Header>
                <Modal.Content>
                    <p>{message}</p>
                </Modal.Content>
                <Modal.Actions>
                    <Button negative onClick={onActionNo}>{noActionLabel}</Button>
                    <Button positive icon={yesActionIconName} onClick={onActionYes} labelPosition='right' content={yesActionLabel} />
                </Modal.Actions>
            </Modal>
        );
    }
}

export default PromptMessage;