summaryrefslogtreecommitdiff
path: root/frontend/src/lib/components/ui/skeleton/skeleton.svelte
blob: 1a940eeeaf96f697054a0354aff3c1f5a861df21 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script lang="ts">
	import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils.js";
	import type { HTMLAttributes } from "svelte/elements";

	let {
		ref = $bindable(null),
		class: className,
		...restProps
	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
</script>

<div
	bind:this={ref}
	data-slot="skeleton"
	class={cn("bg-muted rounded-md animate-pulse", className)}
	{...restProps}
></div>