1<script lang="ts">
 2	import type { HTMLTableAttributes } 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<HTMLTableAttributes> = $props();
11</script>
12
13<div data-slot="table-container" class="relative w-full overflow-x-auto">
14	<table
15		bind:this={ref}
16		data-slot="table"
17		class={cn('w-full caption-bottom text-sm', className)}
18		{...restProps}
19	>
20		{@render children?.()}
21	</table>
22</div>