<script lang="ts">
import { Separator } from '$shared/shadcn/ui/separator/index.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import type { ComponentProps } from 'svelte';

let {
    ref = $bindable(null),
    class: className,
    ...restProps
}: ComponentProps<typeof Separator> = $props();
</script>

<Separator
    bind:ref
    data-slot="sidebar-separator"
    data-sidebar="separator"
    class={cn('bg-sidebar-border', className)}
    {...restProps}
/>
