import { Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, makeStyles } from '@material-ui/core';
import React from 'react';
import { FluentButton } from '../UI/inputs/buttons/FluentButton';
const useStyles = makeStyles((theme) => ({}));
export const ActionModal = (props) => {
    const { open, action, title, message = 'Are you sure you want to delete this row?', confirmAction = () => { }, handleOnClose } = props;
    const classes = useStyles();
    return (React.createElement(Dialog, { open: open, onClose: handleOnClose, "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" }, React.createElement(DialogTitle, { id: "alert-dialog-title" }, title), React.createElement(DialogContent, null, React.createElement(DialogContentText, { id: "alert-dialog-description" }, message)), React.createElement(DialogActions, null, React.createElement(FluentButton, { onClick: handleOnClose, color: "secondary", variant: "contained" }, "Cance"), React.createElement(FluentButton, { onClick: action, onMouseUp: () => {
            confirmAction();
            handleOnClose();
        }, autoFocus: true, variant: "outlined" }, "Confir"))));
};
//# sourceMappingURL=ActionModal.js.map