feat(SW-213): Created Text Cols component and added to Blocks in Contentstack

This commit is contained in:
Pontus Dreij
2024-09-18 15:12:11 +02:00
parent 1729f4b9c7
commit e0e0ef2712
8 changed files with 129 additions and 5 deletions

View File

@@ -0,0 +1,26 @@
import JsonToHtml from "@/components/JsonToHtml"
import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
import styles from "./textcols.module.css"
import { TextColsProps } from "@/types/components/content/blocks"
export default function TextCols({ text_cols }: TextColsProps) {
return (
<div className={styles.columns}>
{text_cols.columns.map((col) => {
return (
<div 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}
/>
</div>
</div>
)
})}
</div>
)
}