wix-style-react
Version:
wix-style-react
72 lines (71 loc) • 2.12 kB
JavaScript
/* eslint-disable no-console */
import React from 'react';
import SideMenu from 'wix-style-react/SideMenu';
import InfoCircle from 'wix-style-react/new-icons/InfoCircle';
import Chat from 'wix-style-react/new-icons/Chat';
export default (function () {
return React.createElement(
'div',
{ style: { width: 220, height: 700, display: 'flex' } },
React.createElement(
'div',
{ style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } },
React.createElement(
SideMenu,
{ inFlex: true },
React.createElement(
SideMenu.NavigationBackLink,
null,
'Back'
),
React.createElement(
SideMenu.Navigation,
null,
React.createElement(
SideMenu.NavigationLink,
{
isActive: true,
onClick: function onClick() {
return console.log('#1 clicked');
}
},
'Link #1'
),
React.createElement(
SideMenu.NavigationLink,
{ onClick: function onClick() {
return console.log('#2 clicked');
} },
'Link #2'
)
),
React.createElement(
SideMenu.Footer,
null,
React.createElement(
SideMenu.FooterLink,
{
href: 'https://support.wix.com/',
target: '_blank',
icon: React.createElement(InfoCircle, null)
},
'Help Me!'
),
React.createElement(SideMenu.FooterTinyLink, {
href: 'https://support.wix.com/en/article/wix-seo-wiz-suggestions-and-feedback',
target: '_blank',
icon: React.createElement(
'div',
{ style: { marginTop: 2 } },
React.createElement(Chat, null)
),
tooltip: 'Hey, come talk to me!',
onClick: function onClick() {
return console.log('clicked on tiny link yay!');
}
})
)
)
)
);
});