8354d07c-7eab-4972-926d-a2104e534166

import Image, { StaticImageData } from "next/image";
import styles from "./ContentCards.module.scss";

export type Props = {
  heading: string;
  lead: string;
  cards: Array<{
    image: StaticImageData;
    heading: string;
    body: string;
  }>;
};

export const CarouselContentCards = (props: Props) => {
  return (
    <div className={`${styles.wrapper}`}>
      <div className={styles.text}>
        <div className={styles.heading}>{props.heading}</div>
        <div className={styles.lead}>{props.lead}</div>
      </div>
      <div className={styles.hero}>
        {props.cards.map((card, index) => {
          return (
            <div className={styles.card} key={index}>
              <div className={styles["card-image-container"]}>
                <Image src={card.image} alt="" />
              </div>
              <p className={styles["card-heading"]}>{card.heading}</p>
              <p className={styles["card-body"]}>{card.body}</p>
            </div>
          );
        })}
      </div>
    </div>
  );
};

1	import Image, { StaticImageData } from "next/image";	×
2	import styles from "./ContentCards.module.scss";	×
3
4	export type Props = {
5	heading: string;
6	lead: string;
7	cards: Array<{
8	image: StaticImageData;
9	heading: string;
10	body: string;
11	}>;
12	};
13
14	export const CarouselContentCards = (props: Props) => {	×
15	return (
16	<div className={`${styles.wrapper}`}>
17	<div className={styles.text}>
18	<div className={styles.heading}>{props.heading}</div>
19	<div className={styles.lead}>{props.lead}</div>
20	</div>
21	<div className={styles.hero}>
22	{props.cards.map((card, index) => {
23	return (	×
24	<div className={styles.card} key={index}>
25	<div className={styles["card-image-container"]}>
26	<Image src={card.image} alt="" />
27	</div>
28	<p className={styles["card-heading"]}>{card.heading}</p>
29	<p className={styles["card-body"]}>{card.body}</p>
30	</div>
31	);
32	})}
33	</div>
34	</div>
35	);
36	};

mozilla / fx-private-relay / 8354d07c-7eab-4972-926d-a2104e534166

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous