18 lines
476 B
Svelte
18 lines
476 B
Svelte
<script lang="ts">
|
|
import type { WithElementRef } from 'bits-ui';
|
|
import type { HTMLAttributes } from 'svelte/elements';
|
|
import { cn } from '$lib/utils';
|
|
|
|
type Props = WithElementRef<HTMLAttributes<HTMLDivElement>>;
|
|
|
|
let { ref = $bindable(null), class: className, children, ...restProps }: Props = $props();
|
|
</script>
|
|
|
|
<div
|
|
bind:this={ref}
|
|
class={cn('bg-based border-surface-1 rounded border p-5 shadow-md', className)}
|
|
{...restProps}
|
|
>
|
|
{@render children?.()}
|
|
</div>
|