1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/jet/item/AccessibilityParagraphItem.svelte b/src/components/jet/item/AccessibilityParagraphItem.svelte
new file mode 100644
index 0000000..836b52f
--- /dev/null
+++ b/src/components/jet/item/AccessibilityParagraphItem.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+    import type { AccessibilityParagraph } from '@jet-app/app-store/api/models';
+    import LinkableTextItem from '~/components/jet/item/LinkableTextItem.svelte';
+
+    export let item: AccessibilityParagraph;
+</script>
+
+<div>
+    <p>
+        <LinkableTextItem item={item.text} />
+    </p>
+</div>
+
+<style>
+    p {
+        font: var(--body-tall);
+    }
+
+    p :global(a) {
+        color: var(--keyColor);
+    }
+</style>