@6thquake/react-material/Popconfirm/content.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _react = _interopRequireWildcard(require("react"));

var _withStyles = _interopRequireDefault(require("../styles/withStyles"));

var _Button = _interopRequireDefault(require("../Button"));

var _LocaleProvider = require("../LocaleProvider");

var styles = function styles(theme) {
  return {
    box: {
      display: 'flex',
      flexDirection: 'column',
      margin: theme.spacing(2),
      marginTop: theme.spacing(3),
      minWidth: 100,
      minHeight: 70,
      maxWidth: 200
    },
    content: {
      fontSize: 14
    },
    footer: {
      display: 'flex',
      justifyContent: 'flex-end',
      // alignItems: ''
      marginTop: theme.spacing(2)
    },
    button: {// margin: theme.spacing(1),
    }
  };
};

var PopOverContent =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2.default)(PopOverContent, _Component);

  function PopOverContent(props) {
    var _this;

    (0, _classCallCheck2.default)(this, PopOverContent);
    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(PopOverContent).call(this, props));

    _this.handleConfirm = function () {
      _this.props.onConfirm && _this.props.onConfirm();
    };

    _this.handleCancel = function () {
      _this.props.onCancel && _this.props.onCancel();
    };

    _this.state = {};
    return _this;
  }

  (0, _createClass2.default)(PopOverContent, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          classes = _this$props.classes,
          content = _this$props.content,
          cancelText = _this$props.cancelText,
          okText = _this$props.okText,
          _this$props$color = _this$props.color,
          color = _this$props$color === void 0 ? 'primary' : _this$props$color,
          variant = _this$props.variant,
          type = _this$props.type,
          _this$props$size = _this$props.size,
          size = _this$props$size === void 0 ? 'small' : _this$props$size;
      return _react.default.createElement("div", {
        className: classes.box
      }, _react.default.createElement("div", {
        className: classes.content
      }, content), _react.default.createElement("div", {
        className: classes.footer
      }, _react.default.createElement(_Button.default, {
        type: type,
        size: size,
        onClick: this.handleConfirm,
        color: color,
        className: classes.button
      }, okText), _react.default.createElement(_Button.default, {
        size: size,
        onClick: this.handleCancel,
        className: classes.button
      }, cancelText)));
    }
  }]);
  return PopOverContent;
}(_react.Component);

var PopContent = (0, _LocaleProvider.withLocale)({
  name: 'Popconfirm'
})(PopOverContent);

var _default = (0, _withStyles.default)(styles, {
  name: 'RMPopContent'
})(PopContent);

exports.default = _default;