Function Feature

src/components/HomepageFeatures/index.tsx:72–90

({ Svg, description, lottieAnimation }: FeatureItem)

];

function Feature({ Svg, description, lottieAnimation }: FeatureItem) {
  const prefersReducedMotion = usePrefersReducedMotion();

  return (
    <div className={clsx(styles.card)}>
      {prefersReducedMotion ? (
        <Svg className={styles.featureImage} aria-hidden={true} />
      ) : (
        <Lottie
          animationData={lottieAnimation}
          loop={true}
          className={styles.featureAnimation}
        />
      )}

      <p className="type-paragraph-large">{description}</p>
    </div>
  );
}

export default function HomepageFeatures(): JSX.Element {
  const isJapanese = useIsJapanese();