wix-style-react/dist/src/ModalPreviewLayout/NavigationButton/NavigationButton.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _IconButton = _interopRequireDefault(require("../../IconButton"));
var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
var _Text = _interopRequireDefault(require("../../Text"));
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
var _constants = require("../constants");
var _ModalPreviewLayoutSt = require("../ModalPreviewLayout.st.css");
var _classnames = _interopRequireDefault(require("classnames"));
var _jsxFileName = "/home/builduser/work/a9c1ac8876d5057c/packages/wix-style-react/dist/cjs/ModalPreviewLayout/NavigationButton/NavigationButton.js";
var tooltipProps = {
  [_constants.arrowsDirection.rightArrow]: {
    dataHook: _constants.dataHooks.nextNavigationButtonTooltip,
    placement: 'right'
  },
  [_constants.arrowsDirection.leftArrow]: {
    dataHook: _constants.dataHooks.prevNavigationButtonTooltip,
    placement: 'left'
  }
};
var iconButtonProps = {
  [_constants.arrowsDirection.leftArrow]: {
    dataHook: _constants.dataHooks.modalPreviewLeftArrow,
    children: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeft, {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 24,
        columnNumber: 15
      }
    })
  },
  [_constants.arrowsDirection.rightArrow]: {
    dataHook: _constants.dataHooks.modalPreviewRightArrow,
    children: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 28,
        columnNumber: 15
      }
    })
  }
};
var NavigationButton = _ref => {
  var {
    direction,
    tooltipText,
    onClick
  } = _ref;
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)(_ModalPreviewLayoutSt.classes.navigationButton, _ModalPreviewLayoutSt.classes[direction]),
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 33,
      columnNumber: 3
    }
  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, (0, _extends2.default)({
    disabled: !tooltipText,
    className: _ModalPreviewLayoutSt.classes.modalTooltip,
    appendTo: "scrollParent",
    content: /*#__PURE__*/_react.default.createElement(_Text.default, {
      children: tooltipText,
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 38,
        columnNumber: 16
      }
    })
  }, tooltipProps[direction], {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 34,
      columnNumber: 5
    }
  }), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({
    as: "button",
    skin: "transparent",
    onClick: onClick
  }, iconButtonProps[direction], {
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 41,
      columnNumber: 7
    }
  }))));
};
var _default = exports.default = NavigationButton;
//# sourceMappingURL=NavigationButton.js.map