feat(SW-93): add mocked facility cards
This commit is contained in:
34
components/TempDesignSystem/Card/CardImage/index.tsx
Normal file
34
components/TempDesignSystem/Card/CardImage/index.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
import Image from "@/components/Image"
|
||||
|
||||
import Card from ".."
|
||||
|
||||
import styles from "./cardImage.module.css"
|
||||
|
||||
import type { CardImageProps } from "@/types/components/cardImage"
|
||||
|
||||
export default function CardImage({
|
||||
card,
|
||||
imageCards,
|
||||
className,
|
||||
}: CardImageProps) {
|
||||
return (
|
||||
<article className={`${styles.container} ${className}`}>
|
||||
<div className={styles.imageContainer}>
|
||||
{imageCards.map(
|
||||
({ backgroundImage }) =>
|
||||
backgroundImage && (
|
||||
<Image
|
||||
key={backgroundImage.id}
|
||||
src={backgroundImage.url}
|
||||
className={styles.image}
|
||||
alt={backgroundImage.title}
|
||||
width={180}
|
||||
height={180}
|
||||
/>
|
||||
)
|
||||
)}
|
||||
</div>
|
||||
<Card {...card} className={styles.card} />
|
||||
</article>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user