mirror of https://github.com/hashicorp/consul
30 lines
664 B
TypeScript
30 lines
664 B
TypeScript
import s from './style.module.css'
|
|
|
|
interface Block {
|
|
title: string
|
|
description: string
|
|
image: string
|
|
}
|
|
|
|
interface BlockListProps {
|
|
blocks: Block[]
|
|
}
|
|
|
|
export default function BlockList({ blocks }: BlockListProps) {
|
|
return (
|
|
<div className={s.blocksContainer}>
|
|
{blocks.map(({ image, title, description }) => (
|
|
<div key={title} className={s.block}>
|
|
<div className={s.imageContainer}>
|
|
<img src={image} alt={title} />
|
|
</div>
|
|
<div>
|
|
<h3 className={s.title}>{title}</h3>
|
|
<p className={s.description}>{description}</p>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|