twreporter-react/lib/components/article/slideshow/navigation.js

React-Redux site for The Reporter Foundation in Taiwan

'use strict';

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

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _disabledLeftArrow = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDE4IDMzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb24tYXJyb3ctbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJUYWJsZXQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUYWJsZXQtUG9ydHJhaXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04Mi4wMDAwMDAsIC01NDUuMDAwMDAwKSIgZmlsbD0iI0JGQkZCRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik04My4wNjQxMTI5LDU3Ny4xMTk4NDEgQzgzLjQ1NzM0MDcsNTc3LjUwMjU0OSA4NC4xMDE3ODcyLDU3Ny40OTU4MzYgODQuNDg3NjgyLDU3Ny4xMjAyNjQgTDk5LjQwMTU2NDUsNTYyLjYwNTM0NiBDMTAwLjE5NzAyNSw1NjEuODMxMTY0IDEwMC4xOTM3MTUsNTYwLjU3Mjc0NyA5OS40MDE1NjQ1LDU1OS44MDE3ODcgTDg0LjQ4NzY4Miw1NDUuMjg2ODY5IEM4NC4wOTQ2OTQzLDU0NC45MDQzOTQgODMuNDU2NjczMyw1NDQuOTA1MjMzIDgzLjA1NTIyNzYsNTQ1LjI5NTk0IEw4Mi4zMzIwODE0LDU0NS45OTk3NDEgQzgxLjkzMzk0NjMsNTQ2LjM4NzIyNiA4MS45MDE5MzcsNTQ3LjA0NjIwOCA4Mi4yNTI1OTIxLDU0Ny40NjIxMzYgTDkyLjU3MzkzNTUsNTU5LjcwNDc2NiBDOTMuMjg1MjEwMSw1NjAuNTQ4NDQyIDkzLjI4ODYyMTgsNTYxLjkxMjI2NSA5Mi41NzY3NDA3LDU2Mi43NTY2NiBMODIuMjc3ODc4OSw1NzQuOTcyNjI0IEM4MS45MjQ0MTYxLDU3NS4zOTE4ODMgODEuOTUzMzgyMiw1NzYuMDM4ODIzIDgyLjM0OTg3OTksNTc2LjQyNDcxNCBMODMuMDY0MTEyOSw1NzcuMTE5ODQxIFoiIGlkPSJpY29uLWFycm93LWxlZnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMzQ1MiwgNTYxLjIwMjkzMSkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOTEuMDAzNDUyLCAtNTYxLjIwMjkzMSkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=";

var _disabledLeftArrow2 = _interopRequireDefault(_disabledLeftArrow);

var _disabledRightArrow = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDE4IDMzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb24tYXJyb3ctcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iVGFibGV0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVGFibGV0LVBvcnRyYWl0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjY4LjAwMDAwMCwgLTU0NS4wMDAwMDApIiBmaWxsPSIjQkZCRkJGIj4KICAgICAgICAgICAgPHBhdGggZD0iTTY2OS4wNTcyMDksNTc3LjExOTg0MSBDNjY5LjQ1MDQzNyw1NzcuNTAyNTQ5IDY3MC4wOTQ4ODMsNTc3LjQ5NTgzNiA2NzAuNDgwNzc4LDU3Ny4xMjAyNjQgTDY4NS4zOTQ2Niw1NjIuNjA1MzQ2IEM2ODYuMTkwMTIxLDU2MS44MzExNjQgNjg2LjE4NjgxMSw1NjAuNTcyNzQ3IDY4NS4zOTQ2Niw1NTkuODAxNzg3IEw2NzAuNDgwNzc4LDU0NS4yODY4NjkgQzY3MC4wODc3OSw1NDQuOTA0Mzk0IDY2OS40NDk3NjksNTQ0LjkwNTIzMyA2NjkuMDQ4MzI0LDU0NS4yOTU5NCBMNjY4LjMyNTE3Nyw1NDUuOTk5NzQxIEM2NjcuOTI3MDQyLDU0Ni4zODcyMjYgNjY3Ljg5NTAzMyw1NDcuMDQ2MjA4IDY2OC4yNDU2ODgsNTQ3LjQ2MjEzNiBMNjc4LjU2NzAzMiw1NTkuNzA0NzY2IEM2NzkuMjc4MzA2LDU2MC41NDg0NDIgNjc5LjI4MTcxOCw1NjEuOTEyMjY1IDY3OC41Njk4MzcsNTYyLjc1NjY2IEw2NjguMjcwOTc1LDU3NC45NzI2MjQgQzY2Ny45MTc1MTIsNTc1LjM5MTg4MyA2NjcuOTQ2NDc4LDU3Ni4wMzg4MjMgNjY4LjM0Mjk3Niw1NzYuNDI0NzE0IEw2NjkuMDU3MjA5LDU3Ny4xMTk4NDEgWiIgaWQ9Imljb24tYXJyb3ctcmlnaHQiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==";

var _disabledRightArrow2 = _interopRequireDefault(_disabledRightArrow);

var _leftArrow = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDE4IDMzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb24tYXJyb3ctbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJBcnRpY2xlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iVG9waWMt4oCTLU1vYmlsZS1Qb3J0cmFpdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0LjAwMDAwMCwgLTMzNjMuMDAwMDAwKSIgZmlsbD0iI0M3MUIwQSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNS4wNjQxMTI5LDMzOTUuMTE5ODQgQzI1LjQ1NzM0MDcsMzM5NS41MDI1NSAyNi4xMDE3ODcyLDMzOTUuNDk1ODQgMjYuNDg3NjgyLDMzOTUuMTIwMjYgTDQxLjQwMTU2NDUsMzM4MC42MDUzNSBDNDIuMTk3MDI1MiwzMzc5LjgzMTE2IDQyLjE5MzcxNDcsMzM3OC41NzI3NSA0MS40MDE1NjQ1LDMzNzcuODAxNzkgTDI2LjQ4NzY4MiwzMzYzLjI4Njg3IEMyNi4wOTQ2OTQzLDMzNjIuOTA0MzkgMjUuNDU2NjczMywzMzYyLjkwNTIzIDI1LjA1NTIyNzYsMzM2My4yOTU5NCBMMjQuMzMyMDgxNCwzMzYzLjk5OTc0IEMyMy45MzM5NDYzLDMzNjQuMzg3MjMgMjMuOTAxOTM3LDMzNjUuMDQ2MjEgMjQuMjUyNTkyMSwzMzY1LjQ2MjE0IEwzNC41NzM5MzU1LDMzNzcuNzA0NzcgQzM1LjI4NTIxMDEsMzM3OC41NDg0NCAzNS4yODg2MjE4LDMzNzkuOTEyMjYgMzQuNTc2NzQwNywzMzgwLjc1NjY2IEwyNC4yNzc4Nzg5LDMzOTIuOTcyNjIgQzIzLjkyNDQxNjEsMzM5My4zOTE4OCAyMy45NTMzODIyLDMzOTQuMDM4ODIgMjQuMzQ5ODc5OSwzMzk0LjQyNDcxIEwyNS4wNjQxMTI5LDMzOTUuMTE5ODQgWiIgaWQ9Imljb24tYXJyb3ctbGVmdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzMuMDAzNDUyLCAzMzc5LjIwMjkzMSkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtMzMuMDAzNDUyLCAtMzM3OS4yMDI5MzEpICI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";

var _leftArrow2 = _interopRequireDefault(_leftArrow);

var _rightArrow = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMzNweCIgdmlld0JveD0iMCAwIDE4IDMzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmljb24tYXJyb3ctcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQXJ0aWNsZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlRvcGljLeKAky1Nb2JpbGUtUG9ydHJhaXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNzguMDAwMDAwLCAtMzM2My4wMDAwMDApIiBmaWxsPSIjQzcxQjBBIj4KICAgICAgICAgICAgPHBhdGggZD0iTTI3OS4wNTcyMDksMzM5NS4xMTk4NCBDMjc5LjQ1MDQzNywzMzk1LjUwMjU1IDI4MC4wOTQ4ODMsMzM5NS40OTU4NCAyODAuNDgwNzc4LDMzOTUuMTIwMjYgTDI5NS4zOTQ2NiwzMzgwLjYwNTM1IEMyOTYuMTkwMTIxLDMzNzkuODMxMTYgMjk2LjE4NjgxMSwzMzc4LjU3Mjc1IDI5NS4zOTQ2NiwzMzc3LjgwMTc5IEwyODAuNDgwNzc4LDMzNjMuMjg2ODcgQzI4MC4wODc3OSwzMzYyLjkwNDM5IDI3OS40NDk3NjksMzM2Mi45MDUyMyAyNzkuMDQ4MzI0LDMzNjMuMjk1OTQgTDI3OC4zMjUxNzcsMzM2My45OTk3NCBDMjc3LjkyNzA0MiwzMzY0LjM4NzIzIDI3Ny44OTUwMzMsMzM2NS4wNDYyMSAyNzguMjQ1Njg4LDMzNjUuNDYyMTQgTDI4OC41NjcwMzIsMzM3Ny43MDQ3NyBDMjg5LjI3ODMwNiwzMzc4LjU0ODQ0IDI4OS4yODE3MTgsMzM3OS45MTIyNiAyODguNTY5ODM3LDMzODAuNzU2NjYgTDI3OC4yNzA5NzUsMzM5Mi45NzI2MiBDMjc3LjkxNzUxMiwzMzkzLjM5MTg4IDI3Ny45NDY0NzgsMzM5NC4wMzg4MiAyNzguMzQyOTc2LDMzOTQuNDI0NzEgTDI3OS4wNTcyMDksMzM5NS4xMTk4NCBaIiBpZD0iaWNvbi1hcnJvdy1yaWdodCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+";

var _rightArrow2 = _interopRequireDefault(_rightArrow);

var _navigation = {
  "ss-nav": "navigation__ss-nav___1Hw7S",
  "ss-left-nav": "navigation__ss-left-nav___174UK",
  "ss-right-nav": "navigation__ss-right-nav___PeJ3u",
  "disabled": "navigation__disabled___B9gxX"
};

var _navigation2 = _interopRequireDefault(_navigation);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var navigation = function navigation(props) {
  var onSlideLeft = props.onSlideLeft;
  var onSlideRight = props.onSlideRight;
  var isLeftNavDisabled = props.isLeftNavDisabled;
  var isRightNavDisabled = props.isRightNavDisabled;


  return _react2.default.createElement(
    'span',
    { key: 'navigation' },
    _react2.default.createElement('img', {
      className: (0, _classnames2.default)(_navigation2.default['ss-left-nav'], _defineProperty({}, _navigation2.default['disabled'], isLeftNavDisabled)),
      onTouchStart: onSlideLeft,
      onClick: onSlideLeft,
      src: isLeftNavDisabled ? _disabledLeftArrow2.default : _leftArrow2.default
    }),
    _react2.default.createElement('img', {
      className: (0, _classnames2.default)(_navigation2.default['ss-right-nav'], _defineProperty({}, _navigation2.default['disabled'], isRightNavDisabled)),
      onTouchStart: onSlideRight,
      onClick: onSlideRight,
      src: isRightNavDisabled ? _disabledRightArrow2.default : _rightArrow2.default
    })
  );
};

exports.default = navigation;