@geezee/react-ui/esm/modal/modal-action.js

Modern and minimalist React UI library.

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React from 'react';
import withDefaults from '../utils/with-defaults';
import Button from '../button';
import { useModalContext } from './modal-context';
var defaultProps = {
  variant: 'line',
  color: 'primary',
  size: 'medium',
  htmlType: 'button',
  ghost: false,
  loading: false,
  shadow: false,
  auto: false,
  effect: true,
  disabled: false,
  className: ''
};

var ModalAction = function ModalAction(_ref) {
  var children = _ref.children,
      onClick = _ref.onClick,
      props = _objectWithoutProperties(_ref, ["children", "onClick"]);

  var _useModalContext = useModalContext(),
      _close = _useModalContext.close;

  var clickHandler = function clickHandler(event) {
    var actionEvent = Object.assign({}, event, {
      close: function close() {
        return _close && _close();
      }
    });
    onClick && onClick(actionEvent);
  };

  return /*#__PURE__*/React.createElement(Button, _extends({
    onClick: clickHandler
  }, props), children);
};

export default withDefaults(ModalAction, defaultProps);