1<script lang="ts">
 2	import { Dialog as SheetPrimitive } from 'bits-ui';
 3	import { cn } from '$lib/components/ui/utils.js';
 4
 5	let {
 6		ref = $bindable(null),
 7		class: className,
 8		...restProps
 9	}: SheetPrimitive.OverlayProps = $props();
10</script>
11
12<SheetPrimitive.Overlay
13	bind:ref
14	data-slot="sheet-overlay"
15	class={cn(
16		'fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0',
17		className
18	)}
19	{...restProps}
20/>