lume: add PullQuote

Signed-off-by: Xe Iaso <me@xeiaso.net>

2 files changed, 9 insertions, 0 deletions

diff --git a/lume/_config.ts b/lume/_config.ts
index dae61fd..f7ad56f 100644
--- a/lume/_config.ts
+++ b/lume/_config.ts
@@ -25,6 +25,7 @@ import ChatBubble from "./src/_components/ChatBubble.jsx";
 import Figure from "./src/_components/Figure.tsx";
 import LoadingSpinner from "./src/_components/LoadingSpinner.jsx";
 import IntercomButton from "./src/_components/IntercomButton.jsx";
+import PullQuote from "./src/_components/PullQuote.jsx";
 import TecharoDisclaimer from "./src/_components/TecharoDisclaimer.jsx";
 import XeblogConv from "./src/_components/XeblogConv.tsx";
 import XeblogHero from "./src/_components/XeblogHero.tsx";
@@ -132,6 +133,7 @@ site.use(mdx({
     "XeblogHero": XeblogHero,
     "Picture": XeblogPicture,
     "XeblogPicture": XeblogPicture,
+    "PullQuote": PullQuote,
     "Slide": XeblogSlide,
     "XeblogSlide": XeblogSlide,
     "Sticker": XeblogSticker,
diff --git a/lume/src/_components/PullQuote.jsx b/lume/src/_components/PullQuote.jsx
new file mode 100644
index 0000000..0f2aef9
--- /dev/null
+++ b/lume/src/_components/PullQuote.jsx
@@ -0,0 +1,7 @@
+export default function PullQuote({ children }) {
+  return (
+    <blockquote className="border-l-4 border-blue-500 dark:border-blue-300 p-4 my-6 italic bg-gray-100 dark:bg-gray-800 text-gray-800 dark:text-gray-100 text-lg">
+      <p className="m-0">{children}</p>
+    </blockquote>
+  );
+}