1<script>
2 // A Svelte component styled with Tailwind utility classes.
3 let { title, body } = $props();
4</script>
5
6<div
7 class="mt-6 max-w-md rounded-xl border border-slate-200 bg-white p-6 shadow-sm"
8>
9 <h2 class="text-lg font-semibold">{title}</h2>
10 <p class="mt-2 text-slate-600">{body}</p>
11</div>