---
const { title } = Astro.props;
---

<div class="rounded-blume border border-border bg-background p-4">
  {title && <p class="mt-0! mb-3! font-medium text-foreground text-sm">{title}</p>}
  <div class="grid grid-cols-2 gap-x-5 gap-y-4 sm:grid-cols-4">
    <slot />
  </div>
</div>