import s from './styles.module.scss';

type DocumentsProps = {
  title: string;
  description?: string;
  docs: string[];
};

function Documents({ title, description, docs }: DocumentsProps) {
  return (
    <section className={s.Section}>
      <h3 className={s.Header}>{title}</h3>
      <p className={s.Text}>{description}</p>
      <ul className={s.List}>
        {docs.map((document, index) => (
          <li key={index} className={s.ListItem}>
            {document}
          </li>
        ))}
      </ul>
    </section>
  );
}

export { Documents };