src/components/nav/NavIconLinks.astro
---
// NavIconLinks, recovered from blurr-components.pages.dev
---
<header class="nil"> <nav class="nil-inner"> <a href="/" class="nil-logo">BLURR</a> <ul class="nil-links"> <li> <a href="#" class="nil-link nil-link--active"> <span class="nil-icon">→</span> <span class="nil-label">Dashboard</span> </a> </li><li> <a href="#" class="nil-link"> <span class="nil-icon">→</span> <span class="nil-label">Campagnes</span> </a> </li><li> <a href="#" class="nil-link"> <span class="nil-icon">→</span> <span class="nil-label">Analytics</span> </a> </li><li> <a href="#" class="nil-link"> <span class="nil-icon">→</span> <span class="nil-label">Berichten</span> </a> </li> </ul> <div class="nil-right"> <a href="#" class="nil-cta">Nieuw</a> </div> </nav> </header>
<style>
.nil{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}
.nil-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;height:60px;gap:1.5rem}
.nil-logo{font-weight:800;font-size:1rem;color:#0a0a0a;text-decoration:none;letter-spacing:-.02em}
.nil-links{list-style:none;padding:0;margin:0;display:flex;flex:1;gap:0}
.nil-link{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;color:#6b7280;text-decoration:none;padding:.375rem .75rem;border-radius:.375rem;transition: opacity, transform, background-color, color, border-color, box-shadow, filter .15s}
.nil-link:hover{color:#374151;background:#f8fafc}
.nil-link--active{color:var(--color-accent,#6366f1);background:#6366f114}
.nil-icon{font-size:1rem;flex-shrink:0}
.nil-right{margin-left:auto;display:flex;align-items:center;gap:.75rem}
.nil-cta{font-size:.8125rem;font-weight:600;padding:.4375rem 1rem;background:var(--color-accent,#6366f1);color:#fff;border-radius:.5rem;text-decoration:none;transition:opacity .2s}
.nil-cta:hover{opacity:.88}
.nil-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
.nil-avatar-fallback{width:32px;height:32px;border-radius:50%;background:var(--color-accent,#6366f1);color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.nil-label{display:none}
</style>