wix-style-react/dist/src/SideMenu/core/navigation/BackLink.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _ChevronLeft = require('wix-ui-icons-common/ChevronLeft');

var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);

var _styles = require('./styles.scss');

var _styles2 = _interopRequireDefault(_styles);

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

var BackLink = function BackLink(_ref) {
  var onBackHandler = _ref.onBackHandler,
      className = _ref.className,
      children = _ref.children;
  return _react2.default.createElement(
    'a',
    {
      className: (0, _classnames2.default)(_styles2.default.backLink, className),
      onClick: onBackHandler,
      'data-hook': 'menu-navigation-back-link'
    },
    _react2.default.createElement(
      'span',
      { className: _styles2.default.backArrow },
      _react2.default.createElement(_ChevronLeft2.default, { size: '14px' })
    ),
    _react2.default.createElement(
      'span',
      { className: _styles2.default.backLabel },
      children
    )
  );
};

BackLink.propTypes = {
  onBackHandler: _propTypes2.default.func,
  className: _propTypes2.default.string,
  children: _propTypes2.default.node
};

exports.default = BackLink;