1<script lang="ts">
2 import type { HTMLAttributes } from 'svelte/elements';
3 import { cn, type WithElementRef } from '$lib/components/ui/utils.js';
4
5 let {
6 ref = $bindable(null),
7 class: className,
8 children,
9 ...restProps
10 }: WithElementRef<HTMLAttributes<HTMLElement>> = $props();
11</script>
12
13<div
14 bind:this={ref}
15 data-slot="sidebar-group"
16 data-sidebar="group"
17 class={cn('relative flex w-full min-w-0 flex-col p-2', className)}
18 {...restProps}
19>
20 {@render children?.()}
21</div>