"use strict";

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

const tslib_1 = require("tslib");

const react_1 = tslib_1.__importDefault(require("react"));

const MediaCarousel_1 = require("../../presets/Studio/MediaCarousel");

const fixture_1 = require("./../fixture");

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

const Pagination_1 = require("./../Pagination");

function defaultRenderPagination(props) {
  return react_1.default.createElement(Pagination_1.Pagination, null);
}

exports.defaultRenderPagination = defaultRenderPagination;

function defaultRenderCategory(props) {
  const listView = fixture_1.categories.map((category, index) => react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.Title, null, category.name), react_1.default.createElement(MediaCarousel_1.MediaCarousel, {
    key: index,
    list: category.models
  })));
  return listView;
}

exports.defaultRenderCategory = defaultRenderCategory;

function defaultRenderBox(props) {
  const {
    renderPagination,
    renderCategory
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderPagination", "renderCategory"]);

  const view = react_1.default.createElement(react_1.default.Fragment, null, renderCategory(remainingProps), renderPagination(remainingProps));
  return view;
}

exports.defaultRenderBox = defaultRenderBox;

function defaultRenderWrapper(props) {
  const {
    children,
    className
  } = props;
  return react_1.default.createElement(styled_1.Wrapper, {
    className: className
  }, children);
}

exports.defaultRenderWrapper = defaultRenderWrapper; //# sourceMappingURL=renderProps.js.map