HTMLContent

components/core/HTMLContent/HTMLContent.module.css

@@ -0,0 +1,18 @@
+.root h1 {
+  @apply text-5xl mb-12;
+}
+
+.root h2 {
+  @apply text-3xl mt-12 mb-4 leading-snug;
+}
+
+.root h3 {
+  @apply text-2xl mt-8 mb-4 leading-snug;
+}
+
+.root p,
+.root ul,
+.root ol,
+.root blockquote {
+  @apply my-6;
+}

components/core/HTMLContent/HTMLContent.tsx

@@ -0,0 +1,16 @@
+import cn from 'classnames'
+import s from './HTMLContent.module.css'
+
+type Props = {
+  className?: 'string'
+  html: string
+}
+
+export default function HTMLContent({ className, html }: Props) {
+  return (
+    <div
+      className={cn(s.root, className)}
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+  )
+}

components/core/HTMLContent/index.ts

@@ -0,0 +1 @@
+export { default } from './HTMLContent'