import mustache from 'mustache';
import personalMenu from '!!raw-loader!../includes/templates/PersonalMenu.mustache';
import { htmluserlangattributes } from './utils';
import '../resources/skins.vector.styles/personalNavigation.less';
import '../.storybook/common.less';
export default {
title: 'Personal Navigation'
};
export const loggedOut = () => mustache.render( personalMenu, {
'msg-label': 'Personal tools',
'html-userlangattributes': htmluserlangattributes,
'html-loggedin': '
Not logged in',
'html-personal-tools': `TalkContributionsCreate accountLog in`
} );
export const loggedInWithEcho = () => mustache.render( personalMenu, {
'msg-label': 'Personal tools',
'html-userlangattributes': htmluserlangattributes,
'html-loggedin': '',
'html-personal-tools': `JdlrobsonAlerts (0)Notices (3)TalkSandboxPreferencesBetaWatchlistContributionsLog out`
} );
export const loggedInWithULS = () => mustache.render( personalMenu, {
'msg-label': 'Personal tools',
'html-userlangattributes': htmluserlangattributes,
'html-lang-selector': 'English',
'html-loggedin': '',
'html-personal-tools': `JdlrobsonAlerts (0)Notices (3)TalkSandboxPreferencesBetaWatchlistContributionsLog out`
} );