wix-style-react/dist/stories/SideMenu/ExampleSubMenu.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _SideMenu = require('wix-style-react/SideMenu');

var _SideMenu2 = _interopRequireDefault(_SideMenu);

var _InfoCircle = require('wix-style-react/new-icons/InfoCircle');

var _InfoCircle2 = _interopRequireDefault(_InfoCircle);

var _Chat = require('wix-style-react/new-icons/Chat');

var _Chat2 = _interopRequireDefault(_Chat);

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

/* eslint-disable no-console */
exports.default = function () {
  return _react2.default.createElement(
    'div',
    { style: { width: 220, height: 700, display: 'flex' } },
    _react2.default.createElement(
      'div',
      { style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } },
      _react2.default.createElement(
        _SideMenu2.default,
        { inFlex: true },
        _react2.default.createElement(
          _SideMenu2.default.NavigationBackLink,
          null,
          'Back'
        ),
        _react2.default.createElement(
          _SideMenu2.default.Navigation,
          null,
          _react2.default.createElement(
            _SideMenu2.default.NavigationLink,
            {
              isActive: true,
              onClick: function onClick() {
                return console.log('#1 clicked');
              }
            },
            'Link #1'
          ),
          _react2.default.createElement(
            _SideMenu2.default.NavigationLink,
            { onClick: function onClick() {
                return console.log('#2 clicked');
              } },
            'Link #2'
          )
        ),
        _react2.default.createElement(
          _SideMenu2.default.Footer,
          null,
          _react2.default.createElement(
            _SideMenu2.default.FooterLink,
            {
              href: 'https://support.wix.com/',
              target: '_blank',
              icon: _react2.default.createElement(_InfoCircle2.default, null)
            },
            'Help Me!'
          ),
          _react2.default.createElement(_SideMenu2.default.FooterTinyLink, {
            href: 'https://support.wix.com/en/article/wix-seo-wiz-suggestions-and-feedback',
            target: '_blank',
            icon: _react2.default.createElement(
              'div',
              { style: { marginTop: 2 } },
              _react2.default.createElement(_Chat2.default, null)
            ),
            tooltip: 'Hey, come talk to me!',
            onClick: function onClick() {
              return console.log('clicked on tiny link yay!');
            }
          })
        )
      )
    )
  );
};