import React from "react";

import styles from "./PeopleSayCard.module.scss";

interface Prop {
  des: string;
  name: string;
  company: string;
  shortDes: string;
}

const PeopleSayCard = ({ des, name, company, shortDes }: Prop) => {
  return (
    <article className={styles.peopleSayCard}>
      <h3 className="title text-[1.5rem] mb-[2.125rem] text-color-1">{shortDes}</h3>

      <div
        className="text-[0.875rem] mb-[3.125rem]"
        dangerouslySetInnerHTML={{ __html: des }}
      ></div>

      <b>{name}</b>
      <div className="text-color-1 text-[0.875rem]">{company}</div>
    </article>
  );
};

export default PeopleSayCard;