@grafana/ui/dist/cjs/components/ConfirmModal/ConfirmModal.cjs

Grafana Components Library

'use strict';

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

var jsxRuntime = require('react/jsx-runtime');
var css = require('@emotion/css');
var ThemeContext = require('../../themes/ThemeContext.cjs');
var Modal = require('../Modal/Modal.cjs');
var ConfirmContent = require('./ConfirmContent.cjs');

"use strict";
const ConfirmModal = ({
  isOpen,
  title,
  body,
  description,
  confirmText,
  confirmVariant = "destructive",
  confirmationText,
  dismissText = "Cancel",
  dismissVariant = "secondary",
  alternativeText,
  modalClass,
  onConfirm,
  onDismiss,
  onAlternative,
  confirmButtonVariant,
  disabled
}) => {
  const styles = ThemeContext.useStyles2(getStyles);
  return /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { className: css.cx(styles.modal, modalClass), title, isOpen, onDismiss, children: /* @__PURE__ */ jsxRuntime.jsx(
    ConfirmContent.ConfirmContent,
    {
      body,
      description,
      confirmButtonLabel: confirmText,
      dismissButtonLabel: dismissText,
      dismissButtonVariant: dismissVariant,
      confirmPromptText: confirmationText,
      alternativeButtonLabel: alternativeText,
      confirmButtonVariant: confirmButtonVariant != null ? confirmButtonVariant : confirmVariant,
      onConfirm,
      onDismiss,
      onAlternative,
      disabled
    }
  ) });
};
const getStyles = () => ({
  modal: css.css({
    width: "500px"
  })
});

exports.ConfirmModal = ConfirmModal;
//# sourceMappingURL=ConfirmModal.cjs.map