1 files changed, 21 insertions, 0 deletions
diff --git a/src/components/jet/item/ParagraphShelfItem.svelte b/src/components/jet/item/ParagraphShelfItem.svelte
new file mode 100644
index 0000000..9adf09c
--- /dev/null
+++ b/src/components/jet/item/ParagraphShelfItem.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    import type { Paragraph } from '@jet-app/app-store/api/models';
+    import he from 'he';
+
+    export let item: Paragraph;
+</script>
+
+<p>
+    {@html he.decode(item.text)}
+</p>
+
+<style>
+    p {
+        font: var(--title-2-medium);
+        color: var(--systemSecondary);
+    }
+
+    p :global(b) {
+        color: var(--systemPrimary);
+    }
+</style>