<script lang="ts">
  import { cn } from "$lib/utils.js";
  import type { HTMLAttributes } from "svelte/elements";
  let { class: className = "", children, ...rest }: HTMLAttributes<HTMLDivElement> = $props();
</script>
<div class={cn("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className)} {...rest}>
  {@render children?.()}
</div>
