props
  name: string
  href: string
  icon?: string
  external?: boolean
  active?: boolean
  afterActive?: boolean
li
  a(href=href + (!external && !active && afterActive ? '#↓' : !external && !active ? '#↑' : '') aria-current=active ? 'page' : false class=external ? 'external' : false)
    if icon
      i.ph.ph-(icon)(aria-hidden="true")
    else
      i.icon.fallback= name.slice(0, 2)
    = name