summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/containers/Carousel.svelte
blob: fb05b7d4d3973024d3f5850cdd50e704ad66b626 (plain) (blame)
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">
	import type { Snippet } from 'svelte';

	interface Props {
		title: string;
		href: string;
		children?: Snippet;
	}

	let { title, href, children }: Props = $props();
</script>

<div class="flex flex-col gap-1">
	<h2 class="flex text-2xl font-medium">
		<a class="hover:text-white" {href}>
			{title}
		</a>
	</h2>
	<div class="flex flex-wrap gap-5">
		{@render children?.()}
	</div>
</div>