<script>
  import { cn } from '$lib/utils.js'
  let { class: className, children, ...rest } = $props()
</script>

<div
  class={cn('rounded-xl border bg-card text-card-foreground shadow', className)}
  {...rest}
>
  {@render children?.()}
</div>
