@trellixio/roaster-coffee/esm/components/Modal/ModalProvider/ModalProviderFooter.js

Beans' product component library

import React__default from 'react';
import { Button } from '../../Button/Button.js';
import { useModal } from '../utils/useModal.js';

function ModalProviderFooter({
  cancelProps,
  confirmProps,
  labels = { confirm: "Confirm", cancel: "Cancel" },
  closeOnConfirm = true,
  closeOnCancel = true,
  onCancel,
  onConfirm
}) {
  const { cancel: cancelLabel, confirm: confirmLabel } = labels;
  const ctx = useModal();
  const handleCancel = () => {
    typeof cancelProps?.onClick === "function" && cancelProps?.onClick();
    typeof onCancel === "function" && onCancel();
    closeOnCancel && ctx.closeModal();
  };
  const handleConfirm = () => {
    typeof confirmProps?.onClick === "function" && confirmProps?.onClick();
    typeof onConfirm === "function" && onConfirm();
    closeOnConfirm && ctx.closeModal();
  };
  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Button, { variant: "primary", color: "danger", ...cancelProps, onClick: handleCancel }, cancelProps?.children || cancelLabel), /* @__PURE__ */ React__default.createElement(Button, { variant: "primary", color: "success", ...confirmProps, onClick: handleConfirm }, confirmProps?.children || confirmLabel));
}

export { ModalProviderFooter };
//# sourceMappingURL=ModalProviderFooter.js.map