Bottom Navigation

1<script lang="ts">
2    import { cn } from "$UTILS$";
3    import type { Snippet } from "svelte";
4
5    let { class: className, children }: { class?: string, children: Snippet } = $props();
6</script>
7
8<nav
9        class={cn(
10        "flex w-full items-center justify-around border-t bg-background h-16 px-2 shadow-[0_-1px_2px_rgba(0,0,0,0.03)]",
11        className
12    )}
13>
14    {@render children()}
15</nav>