"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,
    hasPreviousSlide,
    hasNextSlide
  } = state;
  const formatedArrowIconSize = exotic_1.fromIshToNumber(arrowIconSize);
  return react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.NavigationArrow, {
    align: 'left',
    key: 'left',
    onClick: toPrevious,
    isActive: hasPreviousSlide,
    tabindex: 1,
    "aria-label": hasPreviousSlide ? 'Previous slide' : 'This is the first slide'
  }, react_1.default.createElement(styled_1.LeftNavigationIconWrapper, null, react_1.default.createElement(styled_1.NavigationIcon, {
    type: 'left',
    arrowIconColor: arrowIconColor,
    arrowIconSize: formatedArrowIconSize
  }))), react_1.default.createElement(styled_1.NavigationArrow, {
    align: 'right',
    key: 'right',
    onClick: toNext,
    isActive: hasNextSlide,
    tabindex: 1,
    "aria-label": hasNextSlide ? 'Next slide' : 'This is the last slide'
  }, react_1.default.createElement(styled_1.RightNavigationIconWrapper, null, react_1.default.createElement(styled_1.NavigationIcon, {
    type: 'right',
    arrowIconColor: arrowIconColor,
    arrowIconSize: formatedArrowIconSize
  }))));
}

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