@light-sheet/react/esm/components/Dialog/index.js

FortuneSheet is a drop-in javascript spreadsheet library that provides rich features like Excel and Google Sheets

import { locale } from "@light-sheet/core";
import React, { useContext } from "react";
import WorkbookContext from "../../context";
import SVGIcon from "../SVGIcon";
import "./index.css";
var Dialog = function Dialog(_ref) {
  var type = _ref.type,
    onOk = _ref.onOk,
    onCancel = _ref.onCancel,
    children = _ref.children,
    containerStyle = _ref.containerStyle,
    contentStyle = _ref.contentStyle;
  var _useContext = useContext(WorkbookContext),
    context = _useContext.context;
  var _locale = locale(context),
    button = _locale.button;
  return /*#__PURE__*/React.createElement("div", {
    className: "fortune-dialog",
    style: containerStyle
  }, /*#__PURE__*/React.createElement("div", {
    className: "fortune-modal-dialog-header"
  }, /*#__PURE__*/React.createElement("div", {
    className: "fortune-modal-dialog-icon-close",
    onClick: onCancel,
    tabIndex: 0
  }, /*#__PURE__*/React.createElement(SVGIcon, {
    name: "close",
    style: {
      padding: 7,
      cursor: "pointer"
    }
  }))), /*#__PURE__*/React.createElement("div", {
    className: "fortune-dialog-box-content",
    style: contentStyle
  }, children), type != null && /*#__PURE__*/React.createElement("div", {
    className: "fortune-dialog-box-button-container"
  }, type === "ok" ? /*#__PURE__*/React.createElement("div", {
    className: "fortune-message-box-button button-default",
    onClick: onOk,
    tabIndex: 0
  }, button.confirm) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
    className: "fortune-message-box-button button-primary",
    onClick: onOk,
    tabIndex: 0
  }, button.confirm), /*#__PURE__*/React.createElement("div", {
    className: "fortune-message-box-button button-default",
    onClick: onCancel,
    tabIndex: 0
  }, button.cancel))));
};
export default Dialog;