File size: 718 Bytes
19e4f9a
 
72b2fe7
19e4f9a
c8dbfbe
72b2fe7
c8dbfbe
19e4f9a
c8dbfbe
 
 
 
 
 
 
 
 
 
 
 
 
19e4f9a
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script lang="ts">
  export let body: Record<string, any>;
  export let res: any[];

  
  $: progressions = res?.length ? res.flat() : []
  </script>

<div class="text-white p-6 font-code text-xs !leading-loose grid grid-cols-1 gap-3 w-full max-w-lg">
  "{body?.inputs}"
  {#each progressions as { label, score }}
    <div>
      <div class="flex items-center justify-between mb-1">
        <p class="text-blue-500">{label}</p>
        <p class="text-green-500 text-xs">{score}</p>
      </div>
      <div class="w-full rounded-full bg-slate-800 h-[8px]">
        <div class="h-full rounded-full bg-gradient-to-r from-blue-500 to-green-500" style="width: {score * 100}%"></div>
      </div>
    </div>
  {/each}
</div>