Files
Anchor/src/lib/Components/Spotlight/Item.svelte
2023-05-18 23:25:34 -05:00

24 lines
615 B
Svelte

<script lang="ts">
export let result: any;
export let selected: boolean;
</script>
<a href={result.href} target="_blank">
<div
class="flex flex-col p-2 card {result.category === 'Docs'
? 'variant-ringed-tertiary'
: 'variant-ringed-success'}"
>
<div class="flex flex-row justify-between">
<p class="max-w-[350px] truncate">{result.title || result.section}</p>
<p class="text-xl opacity-70">{result.group}</p>
</div>
<p class="text-xs">
{#if result.tags.length > 0}
Tags: {result.tags.join(', ')}
{/if}
</p>
<p class="opacity-60 text-xs truncate">{result.href}</p>
</div>
</a>