---
interface Props {
  title: string;
}

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

<div class="not-prose card card-border border-primary/20 bg-primary/5 my-8">
  <div class="card-body gap-2">
    <h3 class="text-lg font-bold text-primary">{title}</h3>
    <div class="text-base-content/70 text-base leading-relaxed">
      <slot />
    </div>
  </div>
</div>