1 files changed, 20 insertions, 0 deletions
diff --git a/components/preview.tsx b/components/preview.tsx
new file mode 100644
index 0000000..8d3a1ca
--- /dev/null
+++ b/components/preview.tsx
@@ -0,0 +1,20 @@
+import { Box, Heading } from '@chakra-ui/react'
+import React from 'react'
+import UniOrg from '../util/uniorg'
+import getOrgText from '../util/getOrgText'
+
+export interface PreviewProps {
+  id: string
+  title: string
+}
+export const Preview = (props: PreviewProps) => {
+  const { id, title } = props
+  const text = getOrgText(id)
+
+  return (
+    <Box>
+      <Heading>{title}</Heading>
+      <UniOrg orgText={text} />
+    </Box>
+  )
+}