<script lang="ts">
  let { children } = $props();
</script>

<div
  class="bg-rose-pine-gold text-rose-pine-highlight-low p-3 rounded-md leading-snug grid grid-cols-[auto_1fr] gap-4"
>
  <span class="icon-[tabler--alert-triangle-filled] size-5 self-center"></span>
  <div>
    {@render children?.()}
  </div>
</div>
