import styles from "../../styles/exos/StepExemple.module.scss";

export default function StepExemple({ exemple, consigne }) {
  return (
    <div className={styles["step-exemple-container"]}>
      <div className={styles["step-exemple"]}>
        <p className={styles["step-ex-content"]}>{consigne}</p>
        {exemple.map((e, i) => {
          return (
            <p key={i} className={styles["step-ex-content"]}>
              {e.calcul}
            </p>
          );
        })}
        <p>...</p>
      </div>
    </div>
  );
  
}