"use strict";

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

const tslib_1 = require("tslib");

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

const exotic_1 = require("exotic");

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

function defaultRenderArrows(props, state) {
  const {
    arrowIconColor,
    arrowIconSize
  } = props;
  const {
    toNext,
    toPrevious,
    shouldLeftNavActive,
    shouldRightNavActive
  } = state;
  const validArrowIconSize = exotic_1.fromIshToNumber(arrowIconSize);
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.NavigationIcon, {
    type: 'left',
    align: 'left',
    key: 'left',
    onClick: toPrevious,
    arrowIconColor: arrowIconColor,
    arrowIconSize: validArrowIconSize,
    shouldActive: shouldLeftNavActive
  }), react_1.default.createElement(styled_1.NavigationIcon, {
    type: 'right',
    align: 'right',
    key: 'right',
    onClick: toNext,
    arrowIconColor: arrowIconColor,
    arrowIconSize: validArrowIconSize,
    shouldActive: shouldRightNavActive
  }));
}

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