1<script lang="ts">
 2	import ChevronDownIcon from '@lucide/svelte/icons/chevron-down';
 3	import { Select as SelectPrimitive } from 'bits-ui';
 4	import { cn, type WithoutChildrenOrChild } from '$lib/components/ui/utils.js';
 5
 6	let {
 7		ref = $bindable(null),
 8		class: className,
 9		...restProps
10	}: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
11</script>
12
13<SelectPrimitive.ScrollDownButton
14	bind:ref
15	data-slot="select-scroll-down-button"
16	class={cn('flex cursor-default items-center justify-center py-1', className)}
17	{...restProps}
18>
19	<ChevronDownIcon class="size-4" />
20</SelectPrimitive.ScrollDownButton>