36 lines
1.1 KiB
JavaScript
36 lines
1.1 KiB
JavaScript
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;
|