fix: add imageContainer reference in rte

This commit is contained in:
Christel Westerberg
2024-07-04 10:33:49 +02:00
parent 55a71f001f
commit 6184662caa
14 changed files with 252 additions and 25 deletions

View File

@@ -0,0 +1,36 @@
import Image from "../Image"
import Caption from "../TempDesignSystem/Text/Caption"
import styles from "./imageContainer.module.css"
import type { ImageContainerProps } from "@/types/components/imageContainer"
export default function ImageContainer({
leftImage,
rightImage,
}: ImageContainerProps) {
return (
<section className={styles.container}>
<article>
<Image
className={styles.image}
src={leftImage.url}
height={365}
width={600}
alt={leftImage.meta.alt || leftImage.title}
/>
<Caption>{leftImage.meta.caption}</Caption>
</article>
<article>
<Image
className={styles.image}
src={rightImage.url}
height={365}
width={600}
alt={rightImage.meta.alt || rightImage.title}
/>
<Caption>{leftImage.meta.caption}</Caption>
</article>
</section>
)
}