···

       
18
       
 
       
  return (

     

       
19
       
 
       
    <div class="flex flex-col gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-3 dark:border-neutral-700 dark:bg-neutral-800">

     

       
20
       
 
       
      <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

     

       
21
       
-
       
        <div class="inline-flex items-center gap-x-1 rounded-full bg-neutral-200 px-2 py-0.5 text-sm font-medium text-neutral-800 dark:bg-neutral-700 dark:text-neutral-200">

     

       
22
       
 
       
          <span class="iconify lucide--tag shrink-0" />

     

       
23
       
 
       
          {label.val}

     

       
24
       
 
       
        </div>

     

       
25
       
 
       
        <Show when={label.neg}>

     

       
26
       
-
       
          <div class="inline-flex items-center gap-x-1 rounded-full border border-orange-400 bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-700 dark:border-orange-600 dark:bg-orange-900/30 dark:text-orange-400">

     

       
27
       
-
       
            <span class="iconify lucide--minus shrink-0 text-sm" />

     

       
28
       
-
       
            <span>Negated</span>

     

       
29
       
 
       
          </div>

     

       
30
       
 
       
        </Show>

     

       
31
       
 
       
        <div class="flex flex-wrap gap-3 text-xs text-neutral-600 dark:text-neutral-400">

     

       
32
       
-
       
          <div class="flex items-center gap-x-1">

     

       
33
       
-
       
            <span class="iconify lucide--calendar shrink-0" />

     

       
34
       
-
       
            <span>{localDateFromTimestamp(new Date(label.cts).getTime())}</span>

     

       
35
       
-
       
          </div>

     

       
36
       
 
       
          <Show when={label.exp}>

     

       
37
       
 
       
            {(exp) => (

     

       
38
       
 
       
              <div class="flex items-center gap-x-1">

     

       
39
       
 
       
                <span class="iconify lucide--clock-fading shrink-0" />

     

       
40
       
-
       
                <span>e{localDateFromTimestamp(new Date(exp()).getTime())}</span>

     

       
41
       
 
       
              </div>

     

       
42
       
 
       
            )}

     

       
43
       
 
       
          </Show>

     

       
44
       
 
       
        </div>

     

       
45
       
 
       
      </div>

     

       
46
       
 
       


     

       
47
       
-
       
      <div class="flex flex-col gap-y-0.5">

     

       
48
       
-
       
        <div class="text-xs font-medium tracking-wide text-neutral-500 uppercase dark:text-neutral-400">

     

       
49
       
-
       
          URI

     

       
50
       
-
       
        </div>

     

       
51
       
-
       
        <A

     

       
52
       
-
       
          href={`/at://${label.uri.replace("at://", "")}`}

     

       
53
       
-
       
          class="text-sm break-all text-blue-600 hover:underline dark:text-blue-400"

     

       
54
       
-
       
        >

     

       
55
       
-
       
          {label.uri}

     

       
56
       
-
       
        </A>

     

       
57
       
-
       
      </div>

     

       
58
       
 
       


     

       
59
       
 
       
      <Show when={label.cid}>

     

       
60
       
-
       
        <div class="flex flex-col gap-y-0.5">

     

       
61
       
-
       
          <div class="text-xs font-medium tracking-wide text-neutral-500 uppercase dark:text-neutral-400">

     

       
62
       
-
       
            CID

     

       
63
       
-
       
          </div>

     

       
64
       
-
       
          <div class="text-sm break-all text-neutral-700 dark:text-neutral-300">{label.cid}</div>

     

       
65
       
 
       
        </div>

     

       
66
       
 
       
      </Show>

     

       
67
       
 
       
    </div>

     

···

       
18
       
 
       
  return (

     

       
19
       
 
       
    <div class="flex flex-col gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-3 dark:border-neutral-700 dark:bg-neutral-800">

     

       
20
       
 
       
      <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

     

       
21
       
+
       
        <div class="inline-flex items-center gap-x-1 text-sm font-medium">

     

       
22
       
 
       
          <span class="iconify lucide--tag shrink-0" />

     

       
23
       
 
       
          {label.val}

     

       
24
       
 
       
        </div>

     

       
25
       
 
       
        <Show when={label.neg}>

     

       
26
       
+
       
          <div class="inline-flex items-center gap-x-1 text-xs font-medium text-red-500 dark:text-red-400">

     

       
27
       
+
       
            <span>negated</span>

     

       
0
       
 
       

     

       
28
       
 
       
          </div>

     

       
29
       
 
       
        </Show>

     

       
30
       
 
       
        <div class="flex flex-wrap gap-3 text-xs text-neutral-600 dark:text-neutral-400">

     

       
31
       
+
       
          <span>{localDateFromTimestamp(new Date(label.cts).getTime())}</span>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
32
       
 
       
          <Show when={label.exp}>

     

       
33
       
 
       
            {(exp) => (

     

       
34
       
 
       
              <div class="flex items-center gap-x-1">

     

       
35
       
 
       
                <span class="iconify lucide--clock-fading shrink-0" />

     

       
36
       
+
       
                <span>{localDateFromTimestamp(new Date(exp()).getTime())}</span>

     

       
37
       
 
       
              </div>

     

       
38
       
 
       
            )}

     

       
39
       
 
       
          </Show>

     

       
40
       
 
       
        </div>

     

       
41
       
 
       
      </div>

     

       
42
       
 
       


     

       
43
       
+
       
      <A

     

       
44
       
+
       
        href={`/at://${label.uri.replace("at://", "")}`}

     

       
45
       
+
       
        class="text-sm break-all text-blue-600 hover:underline dark:text-blue-400"

     

       
46
       
+
       
      >

     

       
47
       
+
       
        {label.uri}

     

       
48
       
+
       
      </A>

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
49
       
 
       


     

       
50
       
 
       
      <Show when={label.cid}>

     

       
51
       
+
       
        <div class="font-mono text-xs break-all text-neutral-700 dark:text-neutral-300">

     

       
52
       
+
       
          {label.cid}

     

       
0
       
 
       

     

       
0
       
 
       

     

       
0
       
 
       

     

       
53
       
 
       
        </div>

     

       
54
       
 
       
      </Show>

     

       
55
       
 
       
    </div>