feat(SW-66, SW-348): search functionality and ui

components/Blocks/TextCols/index.tsx

@@ -0,0 +1,29 @@
+import JsonToHtml from "@/components/JsonToHtml"
+import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+
+import { renderOptions } from "./renderOptions"
+
+import styles from "./textcols.module.css"
+
+import type { TextColProps } from "@/types/components/blocks/textCols"
+
+export default function TextCols({ text_cols }: TextColProps) {
+  return (
+    <div className={styles.columns}>
+      {text_cols.columns.map((col) => {
+        return (
+          <section key={col.title} className={styles.column}>
+            <Subtitle>{col.title}</Subtitle>
+            <div className={styles.text}>
+              <JsonToHtml
+                nodes={col.text.json.children}
+                embeds={col.text.embedded_itemsConnection.edges}
+                renderOptions={renderOptions}
+              />
+            </div>
+          </section>
+        )
+      })}
+    </div>
+  )
+}