c7fef48c-1fe8-406b-a4b9-5bf8aefbe9c6

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

export type Props = {
  heading: string;
  body: ReactNode;
  heroImage: StaticImageData;
  /**
   * Whether text should be shown before (e.g. on the left side, in English) the
   * hero image. Only applies on wide screens; on small screens, the hero image
   * will always be below the text.
   */
  textFirst?: boolean;
};

export const CarouselContentHero = (props: Props) => {
  return (
    <div
      className={`${styles.wrapper} ${
        props.textFirst ? styles["text-first"] : styles["hero-first"]
      }`}
    >
      <div className={styles.text}>
        <div className={styles.heading}>{props.heading}</div>
        <div className={styles.body}>{props.body}</div>
      </div>
      <div className={styles.hero}>
        <Image src={props.heroImage} alt="" />
      </div>
    </div>
  );
};

1	import Image, { StaticImageData } from "next/image";	×
2	import { ReactNode } from "react";
3	import styles from "./ContentHero.module.scss";	×
4
5	export type Props = {
6	heading: string;
7	body: ReactNode;
8	heroImage: StaticImageData;
9	/**
10	* Whether text should be shown before (e.g. on the left side, in English) the
11	* hero image. Only applies on wide screens; on small screens, the hero image
12	* will always be below the text.
13	*/
14	textFirst?: boolean;
15	};
16
17	export const CarouselContentHero = (props: Props) => {	×
18	return (
19	<div
20	className={`${styles.wrapper} ${
21	props.textFirst ? styles["text-first"] : styles["hero-first"]	×
22	}`}
23	>
24	<div className={styles.text}>
25	<div className={styles.heading}>{props.heading}</div>
26	<div className={styles.body}>{props.body}</div>
27	</div>
28	<div className={styles.hero}>
29	<Image src={props.heroImage} alt="" />
30	</div>
31	</div>
32	);
33	};

mozilla / fx-private-relay / c7fef48c-1fe8-406b-a4b9-5bf8aefbe9c6

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