></span>
<span aria-hidden="true" class="line-numbers-rows"><a href="#C10_L1" id=C10_L1></a><a href="#C10_L2" id=C10_L2></a><a href="#C10_L3" id=C10_L3></a><a href="#C10_L4" id=C10_L4></a><a href="#C10_L5" id=C10_L5></a><a href="#C10_L6" id=C10_L6></a><a href="#C10_L7" id=C10_L7></a><a href="#C10_L8" id=C10_L8></a></span></code></pre></div>
<p>Again, the two components look similar.
The first component has an <code>is-active</code> class, while the second a <code>current-user</code> class.
How should we uni