<script lang="ts">
  import type { Snippet } from "svelte";

  const props: { children: Snippet } = $props();
</script>

<div class="properties-wrapper">
  {@render props.children()}
</div>

<style>
  .properties-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--size-4-1);
    align-items: center;
  }
</style>
