"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const ModalContext_1 = require("../ModalContext");

const styled_1 = require("./styled");

const deps_1 = require("./deps");

class CloseButton extends react_1.default.PureComponent {
  constructor() {
    super(...arguments);

    this.renderContext = context => {
      console.debug('[modal] render: close button');
      const attributes = Object.assign({}, this.props, context);
      const handleCloseButton = deps_1.makeCloseButtonHandler(attributes);
      return react_1.default.createElement(styled_1.StyledCloseButton, Object.assign({}, attributes, {
        onClick: handleCloseButton
      }));
    };
  }

  render() {
    return react_1.default.createElement(ModalContext_1.Consumer, null, this.renderContext);
  }

}

exports.CloseButton = CloseButton;
exports.default = CloseButton; //# sourceMappingURL=CloseButton.js.map