"use strict";

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

const tslib_1 = require("tslib");

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

const CarouselBullet_1 = require("./CarouselBullet");

const CarouselArrow_1 = require("./CarouselArrow");

const deps_1 = require("./deps");

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

function defaultRenderArrows(props, state) {
  return react_1.default.createElement(CarouselArrow_1.CarouselArrow, Object.assign({}, props, {
    state: state
  }));
}

exports.defaultRenderArrows = defaultRenderArrows;

function defaultRenderBullets(props, state) {
  return react_1.default.createElement(CarouselBullet_1.CarouselBullet, Object.assign({}, props, {
    state: state
  }));
}

exports.defaultRenderBullets = defaultRenderBullets;

function defaultRenderItem(item, state) {
  return react_1.default.createElement(styled_1.StyledImage, {
    src: item.src,
    alt: item.src
  });
}

exports.defaultRenderItem = defaultRenderItem;

function defaultRenderList(props, state) {
  const {
    renderItem,
    list,
    gridGap
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderItem", "list", "gridGap"]);

  const flexWidth = deps_1.getCarouselPanelWidth(Object.assign({
    list
  }, remainingProps));
  const margin = deps_1.getValidNumber(gridGap);
  return list.map((item, index) => {
    return react_1.default.createElement(styled_1.ItemPanel, {
      key: index,
      gridGap: margin,
      flexWidth: flexWidth
    }, renderItem(item, state));
  });
}

exports.defaultRenderList = defaultRenderList;

function defaultRenderCarouselPanel(props, state) {
  const {
    renderArrows,
    renderList,
    gridGap
  } = props,
        remainingProps = tslib_1.__rest(props, ["renderArrows", "renderList", "gridGap"]);

  const {
    translatePercentage
  } = state;
  const margin = deps_1.getValidNumber(gridGap);
  return react_1.default.createElement(styled_1.CarouselPanel, {
    gridGap: margin
  }, react_1.default.createElement(styled_1.ItemListPanel, {
    translatePercentage: translatePercentage
  }, renderList(Object.assign({
    gridGap
  }, remainingProps), state)), renderArrows(Object.assign({
    gridGap
  }, remainingProps), state));
}

exports.defaultRenderCarouselPanel = defaultRenderCarouselPanel;

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

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