mirror of https://github.com/hashicorp/consul
29 lines
805 B
TypeScript
29 lines
805 B
TypeScript
import Feature from './feature'
|
|
import s from './style.module.css'
|
|
import { FeatureProps } from './feature'
|
|
|
|
interface FeaturesListProps {
|
|
title: string
|
|
features: Omit<FeatureProps, 'number'>[]
|
|
}
|
|
|
|
export default function FeaturesList({ title, features }: FeaturesListProps) {
|
|
return (
|
|
<div
|
|
className={s.featureListContainer}
|
|
style={{
|
|
backgroundImage: `url(${require('./images/top-right-design.svg')}), url(${require('./images/bottom-left-design.svg')})`,
|
|
}}
|
|
>
|
|
<div className={s.contentWrapper}>
|
|
<h2 className={s.title}>{title}</h2>
|
|
<div className={s.featuresContainer}>
|
|
{features.map((feature, i) => (
|
|
<Feature {...feature} number={i + 1} key={feature.title} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|