"use strict";

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

const tslib_1 = require("tslib");

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

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

const renderProps_1 = require("./renderProps");

class DashboardHeader extends react_1.default.PureComponent {
  render() {
    const _a = this.props,
          {
      renderWrapper,
      renderHeading,
      renderAvailableCredits
    } = _a,
          remainingProps = tslib_1.__rest(_a, ["renderWrapper", "renderHeading", "renderAvailableCredits"]);

    const children = react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.HeadingSection, null, renderHeading(remainingProps)), react_1.default.createElement(styled_1.StyledAvailableCredit, null, renderAvailableCredits(remainingProps)));
    return renderWrapper(Object.assign({
      children
    }, remainingProps));
  }

}

DashboardHeader.defaultProps = {
  className: '',
  // renderProps
  renderHeading: renderProps_1.defaultRenderHeading,
  renderAvailableCredits: renderProps_1.defaultRenderAvailableCredits,
  renderWrapper: renderProps_1.defaultRenderWrapper
};
exports.DashboardHeader = DashboardHeader;
exports.default = DashboardHeader; //# sourceMappingURL=DashboardHeader.js.map