<todo-nav>
	<nav>
		<ul>
			<li><a  class={props.selection === 'active'?'is-active':null} href="active"><i class="far fa-circle"></i></a></li>
			<li><a  class={props.selection === 'done'?'is-active':null} href="done"><i class="fas fa-circle"></i></a></li>
			<li><a  class={props.selection === 'all'?'is-active':null} href="all"><i class="fas fa-adjust"></i></a></li>
		</ul>
		<ul>
			<li>{props.left} todos left</li>
		</ul>
	</nav>
</todo-nav>
