<template>
  <div class="flex items-center gap-4 px-3 py-1.5 shrink-0 font-mono"
    style="border-top:0.5px solid var(--hm-border-subtle); font-size:10px; color:var(--hm-text-tertiary)">
    <span class="flex items-center gap-1.5">
      <span class="inline-block rounded-full w-2.5 h-2.5" style="background:#1d9e75; opacity:0.72"></span>personal
    </span>
    <span class="flex items-center gap-1.5">
      <span class="inline-block rounded-full w-2.5 h-2.5" style="background:#7f77dd; opacity:0.72"></span>workspace
    </span>
    <span class="flex items-center gap-1.5">
      <span class="inline-block w-4 h-0 border-t border-dashed" style="border-color:#ba7517; opacity:0.7"></span>pending
    </span>
    <span class="flex items-center gap-1.5">
      <span class="inline-block w-4 h-0 border-t" style="border-color:#1d9e75; opacity:0.4"></span>accepted
    </span>
  </div>
</template>
