splitting comment text by blocks

src/components/comment/CommentTextBlock/index.tsx

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { ICommentBlock } from '~/constants/comment';
+import styles from './styles.scss';
+
+interface IProps {
+  block: ICommentBlock;
+}
+
+const CommentTextBlock: FC<IProps> = ({ block }) => {
+  return (
+    <div
+      className={styles.text}
+      dangerouslySetInnerHTML={{
+        __html: `<p>${block.content}</p>`,
+      }}
+    />
+  );
+};
+
+export { CommentTextBlock };

src/components/comment/CommentTextBlock/styles.scss

@@ -0,0 +1,14 @@
+.text {
+  padding: $gap;
+  font-weight: 300;
+  font: $font_16_medium;
+  line-height: 20px;
+  box-sizing: border-box;
+  position: relative;
+  color: #cccccc;
+  word-break: break-word;
+
+  b {
+    font-weight: 600;
+  }
+}