{# Each item: <a class="ui-menu-item ui-switcher-item" role="menuitem" href="…" [aria-current="true"]><span class="ui-app-tile" [data-current]>icon</span><span class="ui-switcher-text"><strong>Name</strong><span>What it's for</span></span>[check icon on the current app]</a> #}
<.app_switcher id="apps" name="Projects" label="Acme apps">
<:icon><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg></:icon>
<a class="ui-menu-item ui-switcher-item" role="menuitem" href="#" aria-current="true"><span class="ui-app-tile" data-current><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/></svg></span><span class="ui-switcher-text"><strong>Projects</strong><span>Plan work and track delivery</span></span><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M20 6 9 17l-5-5"/></svg></a>
<a class="ui-menu-item ui-switcher-item" role="menuitem" href="#"><span class="ui-app-tile"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"/><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"/><path d="M12 17.5v-11"/></svg></span><span class="ui-switcher-text"><strong>Billing</strong><span>Invoices, payments and reminders</span></span></a>
<a class="ui-menu-item ui-switcher-item" role="menuitem" href="#"><span class="ui-app-tile"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><circle cx="9" cy="7" r="4"/><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg></span><span class="ui-switcher-text"><strong>People</strong><span>Directory, teams and access</span></span></a>
<a class="ui-menu-item ui-switcher-item" role="menuitem" href="#"><span class="ui-app-tile"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 3v18h18"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></svg></span><span class="ui-switcher-text"><strong>Insights</strong><span>Reports across every app</span></span></a>
</.app_switcher>