1<script lang="ts">
2 import { cn, type WithElementRef } from '$lib/components/ui/utils.js';
3 import type { HTMLAttributes } from 'svelte/elements';
4
5 let {
6 ref = $bindable(null),
7 class: className,
8 inset,
9 children,
10 ...restProps
11 }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
12 inset?: boolean;
13 } = $props();
14</script>
15
16<div
17 bind:this={ref}
18 data-slot="dropdown-menu-label"
19 data-inset={inset}
20 class={cn('px-2 py-1.5 text-sm font-semibold data-[inset]:pl-8', className)}
21 {...restProps}
22>
23 {@render children?.()}
24</div>