"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("mobx-react");

const state_1 = require("./state");

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

let MediaCarousel = class MediaCarousel extends react_1.default.Component {
  constructor(props) {
    super(props);
    this.state = new state_1.MediaCarouselContainer();
    this.state.setList(props.list);
  }

  render() {
    const deviceSpecific = renderProps_1.defaultRenderDeviceSpecific({
      desktop: this.props.desktopColspan,
      tablet: this.props.tabletColspan,
      mobile: this.props.mobileColspan
    });
    this.state.positionStep = deviceSpecific;

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

    const view = renderWrapper(remainingProps, this.state);
    return view;
  }

};
MediaCarousel.defaultProps = {
  className: '',
  gridGap: 15,
  desktopColspan: 3,
  tabletColspan: 2,
  mobileColspan: 1,
  bulletSize: 10,
  bulletColor: '#808080',
  hasBullets: false,
  hasNavigations: false,
  arrowIconColor: '#000',
  arrowIconSize: '24px',
  // renderProps
  renderComponent: renderProps_1.defaultRenderComponent,
  renderWrapper: renderProps_1.defaultRenderWrapper
};
MediaCarousel = tslib_1.__decorate([mobx_react_1.observer], MediaCarousel);
exports.MediaCarousel = MediaCarousel;
exports.default = MediaCarousel; //# sourceMappingURL=MediaCarousel.js.map