1 files changed, 21 insertions, 0 deletions
diff --git a/apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx b/apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx
new file mode 100644
index 00000000..80ea007c
--- /dev/null
+++ b/apps/mobile/components/bookmarks/BookmarkTextMarkdown.tsx
@@ -0,0 +1,21 @@
+import Markdown from "react-native-markdown-display";
+import { TailwindResolver } from "@/components/TailwindResolver";
+
+export default function BookmarkTextMarkdown({ text }: { text: string }) {
+  return (
+    <TailwindResolver
+      className="text-foreground"
+      comp={(styles) => (
+        <Markdown
+          style={{
+            text: {
+              color: styles?.color?.toString(),
+            },
+          }}
+        >
+          {text}
+        </Markdown>
+      )}
+    />
+  );
+}