intro

import Container from "@/components/atoms/Container";
import Link from "next/link";
import React from "react";
import styles from "./Intro.module.scss";

const Intro = ({ data }) => {
  const parse = require("html-react-parser");
  return (
    <Container type="content">
      <section className={styles.component}>
        <div className={`${styles.title} font-light-ext`}>{data && data?.title}</div>
        <div className={styles.description}>{data.content && parse(data?.content)}</div>
        <div className={styles.links}>
          {data &&
            data.ctas.map((item) => (
              <Link key={item.link} href={item.link} passHref>
                <div className={styles.link}>{item.label}</div>
              </Link>
            ))}
        </div>
      </section>
    </Container>
  );
};

export default Intro;