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

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

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

const ProductListFilter_1 = require("./ProductListFilter");

let Draggable = class Draggable extends react_1.default.Component {
  constructor() {
    super(...arguments);
    this.observableState = new state_1.DraggableState();
  }

  render() {
    const {
      renderProductList
    } = this.props;
    const children = renderProductList(this.observableState);
    return react_1.default.createElement(styled_1.Wrapper, null, react_1.default.createElement(ProductListFilter_1.ProductListFilter, null), react_1.default.createElement(styled_1.ProductBlock, null, children));
  }

};
Draggable.defaultProps = {
  className: '',
  //
  renderProductList: renderProps_1.defaultRenderProductList
};
Draggable = tslib_1.__decorate([mobx_react_1.observer], Draggable);
exports.default = Draggable;
exports.DragAndDrop = Draggable; //# sourceMappingURL=DragAndDrop.js.map