1<script lang="ts">
 2	import { Separator } from '$lib/components/ui/separator/index.js';
 3	import { cn } from '$lib/components/ui/utils.js';
 4	import type { ComponentProps } from 'svelte';
 5
 6	let {
 7		ref = $bindable(null),
 8		class: className,
 9		...restProps
10	}: ComponentProps<typeof Separator> = $props();
11</script>
12
13<Separator
14	bind:ref
15	data-slot="sidebar-separator"
16	data-sidebar="separator"
17	class={cn('bg-sidebar-border', className)}
18	{...restProps}
19/>