s

src/components/widgets/Note.astro

@@ -1,11 +1,22 @@
 ---
 import { Icon } from 'astro-icon/components';
+
+export interface Props {
+  title?: string;
+  content?: string;
+}
+
+const {
+  title = await Astro.slots.render('title'),
+  content = await Astro.slots.render('content'),
+} = Astro.props;
+
 ---
 
 <section class="bg-blue-50 dark:bg-slate-800 not-prose">
   <div class="max-w-6xl mx-auto px-4 sm:px-6 py-4 text-md text-center font-medium">
     <span class="font-bold">
-      <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> INCA:</span
-    > The Internet as intended
+      <Icon name="tabler:info-square" class="w-5 h-5 inline-block align-text-bottom" /> {title}</span
+    > {content}
   </div>
 </section>