subhasmitalmg-react-spreadsheet-import/dist-commonjs/components/ModalCloseButton.js

React spreadsheet import for xlsx and csv files with column matching and validation steps

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var jsxRuntime = require('react/jsx-runtime');
var react$1 = require('@chakra-ui/react');
var cg = require('react-icons/cg');
var ConfirmCloseAlert = require('./Alerts/ConfirmCloseAlert.js');
var react = require('react');

const ModalCloseButton = ({ onClose }) => {
    const [showModal, setShowModal] = react.useState(false);
    const styles = react$1.useStyleConfig("Modal");
    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ConfirmCloseAlert.ConfirmCloseAlert, { isOpen: showModal, onClose: () => setShowModal(false), onConfirm: () => {
                    setShowModal(false);
                    onClose();
                } }), jsxRuntime.jsx(react$1.IconButton, { right: "14px", top: "20px", variant: "unstyled", sx: styles.closeModalButton, "aria-label": "Close modal", icon: jsxRuntime.jsx(cg.CgClose, {}), color: "white", position: "fixed", transform: "translate(50%, -50%)", onClick: () => setShowModal(true), zIndex: "toast", dir: "ltr" })] }));
};

exports.ModalCloseButton = ModalCloseButton;