"use strict";

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

const tslib_1 = require("tslib");

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

const mobx_react_1 = require("xmobx/mobx-react");

const exotic_1 = require("exotic");

const renderProps_1 = require("./renderProps"); // import { PaymentCardInstance } from './state'


let PaymentCard = class PaymentCard extends react_1.default.Component {
  // observableState: PaymentCardInstance = new PaymentCardInstance()
  render() {
    const _a = this.props,
          {
      renderWrapper
    } = _a,
          remainingProps = tslib_1.__rest(_a, ["renderWrapper"]);

    const children = renderProps_1.defaultRenderBox(remainingProps);
    const view = renderWrapper(Object.assign({}, remainingProps, {
      children
    }));
    return view;
  }

};
PaymentCard.defaultProps = {
  className: '',
  // handlers
  handleToggleClick: exotic_1.NO_OP,
  handleRemoveCard: exotic_1.NO_OP,
  // renderProps
  renderRemoveButton: renderProps_1.defaultRenderRemoveButton,
  renderTogglePaymentMethod: renderProps_1.defaultRenderTogglePaymentMethod,
  renderFooter: renderProps_1.defaultRenderFooter,
  renderButton: renderProps_1.defaultRenderButton,
  renderBalance: renderProps_1.defaultRenderBalance,
  renderCardDetail: renderProps_1.defaultRenderCardDetail,
  renderIcon: renderProps_1.defaultRenderIcon,
  renderHeader: renderProps_1.defaultRenderHeader,
  renderWrapper: renderProps_1.defaultRenderWrapper
};
PaymentCard = tslib_1.__decorate([mobx_react_1.observer], PaymentCard);
exports.PaymentCard = PaymentCard;
exports.default = PaymentCard; //# sourceMappingURL=PaymentCard.js.map