import styles from "./TechinicalInterviewResults.module.scss";
import techinicalInterview from "../../assets/icons/Technical_Interview.svg";
import { IonButton, IonContent, IonIcon, IonPage } from "@ionic/react";
import StepHeader from "../../components/stepsHeader/StepHeader";
import { Link } from "react-router-dom";

const TechinicalInterviewResults: React.FC = () => {
    return (
        <IonPage>
            <StepHeader roundName="Techinical Interview" stepNumber={3} />
            <IonContent className={styles.techinicalInterviewResultsContent}>
                <div className={styles.resultsDescription}>
                    <IonIcon src={techinicalInterview} />
                    <h4 className={styles.heading}>Meeting went nice!</h4>
                    <p className={styles.description}>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                    </p>
                </div>
                <div className={styles.buttonHolder}>
                    <Link to="/interviewRounds" className={styles.dashboardButton}>
                        <IonButton shape="round">Goto Dashboard</IonButton>
                    </Link>
                    <Link to="/assignment" className={styles.nextStepButton}>
                        <IonButton shape="round">Goto Next Step</IonButton>
                    </Link>
                </div>
            </IonContent>
        </IonPage>
    )
}

export default TechinicalInterviewResults;