"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react")); // import { EMPTY_ARRAY } from 'exotic'


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

const State_1 = require("./State");

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

function initGalleryState() {
  return new State_1.GalleryState();
}

function getGalleryState(props) {
  if (props.state === undefined) {
    return initGalleryState();
  } else {
    return props.state;
  }
}

let Gallery = class Gallery extends react_1.default.Component {
  constructor() {
    super(...arguments); // adding state for the component

    this.observableState = getGalleryState(this.props);
  }

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

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

};
Gallery.defaultProps = {
  className: '',

  /**
   * props
   */
  startSlideIndex: 0,
  // list: EMPTY_ARRAY,
  list: [],
  shouldHaveBullets: true,
  shouldHaveArrows: true,
  displayCountOnMobile: 2,
  displayCountOnTablet: 3,
  displayCountOnDesktop: 6,

  /**
   * render props
   */
  renderNavigations: renderProps_1.defaultRenderNavigations,
  renderItem: renderProps_1.defaultRenderItem,
  renderBullet: renderProps_1.defaultRenderBullet,
  // renderBulletList: defaultRenderBulletList,
  // renderList: defaultRenderList,
  renderWrapper: renderProps_1.defaultRenderWrapper
};
Gallery = tslib_1.__decorate([mobx_react_1.observer], Gallery);
exports.Gallery = Gallery;
exports.default = Gallery; //# sourceMappingURL=Gallery.js.map