From 9ff40d1e9e1323f5f68b9330ae5c452b28d0b781 Mon Sep 17 00:00:00 2001
From: grassblock <hi@imgb.space>
Date: Fri, 6 Jun 2025 21:27:11 +0800
Subject: [PATCH] feat: add Bootstrap callout shortcode

---
 src/components/shortcodes/Callout.astro | 43 +++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/components/shortcodes/Callout.astro

diff --git a/src/components/shortcodes/Callout.astro b/src/components/shortcodes/Callout.astro
new file mode 100644
index 0000000..51d1cc6
--- /dev/null
+++ b/src/components/shortcodes/Callout.astro
@@ -0,0 +1,43 @@
+---
+const { icon, type = 'info'} = Astro.props;
+---
+<div class={`callout callout-${type}`}>
+    {icon && <span class="callout-icon">{icon}</span>}
+    <div class="callout-content">
+        <slot />
+    </div>
+</div>
+<style>
+    .callout {
+        display: flex;
+        align-items: center;
+        padding: 1rem;
+        margin: 1rem auto;
+        background-color: var(--callout-bg, #f0f0f0);
+        color: var(--callout-text);
+    }
+
+    .callout-icon {
+        margin-right: 0.5rem;
+        font-size: 1.5rem;
+    }
+
+    .callout-content {
+        flex-grow: 1;
+    }
+
+    .callout-info {
+        --callout-bg: var(--terminal-green);
+        --callout-text: #2e3440;
+    }
+
+    .callout-warning {
+        --callout-bg: var(--terminal-yellow);
+        --callout-text: #2e3440;
+    }
+
+    .callout-danger {
+        --callout-bg: var(--terminal-red);
+        --callout-text: #111;
+    }
+</style>
\ No newline at end of file