import Title from "@/components/Title";
import styles from "./styles.module.scss";
import React from "react";

export interface IAnswerDescriptionProps {
  title: string;
  description: string;
  footer?: string | React.ReactNode;
}

function AnswerDescription({
  title,
  description,
  footer,
}: IAnswerDescriptionProps) {
  return (
    <div className={styles.container}>
      <div className={styles.wrapper}>
        <Title className={styles.title} variant="h3">
          {title}
        </Title>
        <p className={styles.text}>{description}</p>
      </div>
      {footer && <p className={styles.footer}>{footer}</p>}
    </div>
  );
}

export default AnswerDescription;
