docs/src/components/homepage/features/Feature.tsx
import Heading from '@theme/Heading';
import clsx from 'clsx';
import styles from './index.module.css';
import { FeatureItem } from './features';
export function Feature({ title, Svg, description }: FeatureItem) {
return (
<div className={clsx('col col--4')}>
<div className="text--center">
<Svg className={styles.featureSvg} role="img" />
</div>
<div className="text--center padding-horiz--md">
<Heading as="h3">{title}</Heading>
<p>{description}</p>
</div>
</div>
);
}