your personal website on atproto - mirror
blento.app
flo-bit.dev
1<script lang="ts">
2 import type { PostEmbed } from '../';
3 import External from './External.svelte';
4 import Images from './Images.svelte';
5 import Video from './Video.svelte';
6
7 const { embed }: { embed: PostEmbed } = $props();
8</script>
9
10<div class="flex flex-col gap-2 pt-3 text-sm">
11 {#if embed.type === 'images'}
12 <Images data={embed} />
13 {:else if embed.type === 'external' && embed.external}
14 <External data={embed} />
15 {:else if embed.type === 'video' && embed.video}
16 <Video data={embed} />
17 {:else if embed.type === 'unknown'}
18 <div
19 class="text-base-700 dark:text-base-300 bg-base-200/50 dark:bg-base-900/50 border-base-300 dark:border-base-600/30 rounded-2xl border p-4 text-sm"
20 >
21 Unknown embed type
22 </div>
23 {/if}
24</div>