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

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

function renderSidebar(props) {
  return react_1.default.createElement(styled_1.StylehSidebarItem, Object.assign({}, props));
}

exports.renderSidebar = renderSidebar;
let SidebarItem = class SidebarItem extends react_1.default.Component {
  render() {
    console.debug('[Sidebar] SidebarItem props: ');
    console.dir(this.props);
    const {
      children
    } = this.props;
    return this.props.state.render(this.props);
  }

};
SidebarItem.defaultProps = {
  get state() {
    // only instantiate if needed
    return new SidebarItemState_1.SidebarItemState();
  }

};
SidebarItem = tslib_1.__decorate([mobx_react_1.observer], SidebarItem);
exports.SidebarItem = SidebarItem;
exports.default = SidebarItem; //# sourceMappingURL=SidebarItem.js.map