<xf:if is="$xf.visitor.user_id && (property('uix_visitorTabsMobile') == 'canvas')">
	<ul class="sidePanel__tabs">
		<li>
			<a data-attr="navigation" class="sidePanel__tab sidePanel__tab--active js-visitorTab"><xf:fa icon="fa-bars" /></a>
		</li>

		<xf:if is="$xf.visitor.user_id && (property('uix_visitorTabsMobile') == 'canvas')">

		<li>
			<a data-attr="account" data-xf-click="toggle" data-target=".js-visitorTabPanel .uix_canvasPanelBody" class="sidePanel__tab js-visitorTab"><xf:fa icon="fa-user" /></a>
		</li>

		<li>
			<a data-attr="inbox" data-xf-click="toggle" data-target=".js-convoTabPanel .uix_canvasPanelBody" data-badge="{$xf.visitor.conversations_unread|number}" class="sidePanel__tab js-convoTab js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}">
				<xf:fa icon="fa-inbox" />
			</a>
		</li>

		<li>
			<a data-attr="alerts" data-xf-click="toggle" data-target=".js-alertTabPanel .uix_canvasPanelBody" data-badge="{$xf.visitor.alerts_unread|number}" class="sidePanel__tab js-alertTab js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}">
				<xf:fa icon="fa-bell" />
			</a>
		</li>
		</xf:if>
	</ul>
</xf:if>