"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 state_1 = require("../../../../state");

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

function getState(props) {
  if (exotic_1.isSafe(props.state)) {
    return props.state;
  } else {
    return state_1.toCommonState(props);
  }
}

let Header = class Header extends react_1.default.Component {
  constructor() {
    super(...arguments);
    this.observableState = getState(this.props);
  }

  render() {
    const _a = this.props,
          {
      renderWrapper
    } = _a,
          remainingProps = tslib_1.__rest(_a, ["renderWrapper"]);

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

};
Header.defaultProps = {
  hasContent: false,
  // renderProps
  renderButton: renderProps_1.defaultRenderButton,
  renderContent: renderProps_1.defaultRenderContent,
  renderHeader: renderProps_1.defaultRenderHeader,
  renderWrapper: renderProps_1.defaultRenderWrapper
};
Header = tslib_1.__decorate([mobx_react_1.observer], Header);
exports.Header = Header;
exports.default = Header; //# sourceMappingURL=Header.js.map