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

import { IonButton, IonContent, IonIcon, IonPage } from "@ionic/react"
import StepHeader from "../../components/stepsHeader/StepHeader"
import { Link } from "react-router-dom";
import finalInterviewImg from "../../assets/icons/Final_Interview.svg";


const FinalInterviewResult: React.FC = () => {
    return (
        <IonPage className={styles.finalInterviewResults}>
            <StepHeader roundName="Final Interview" stepNumber={5} />

            <IonContent className={styles.finalInterviewResultsContent}>

                <div className={styles.description}>
                    <div className={styles.icon}>
                        <IonIcon src={finalInterviewImg} />
                    </div>

                    <div className={styles.stepDescription}>
                        <h4>You seem promising Employee!</h4>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                        </p>
                    </div>
                </div>

                <div className={styles.buttonHolder}>
                    <Link to="/interviewRounds" className={styles.dashboardButton}>
                        <IonButton shape="round">Goto Dashboard</IonButton>
                    </Link>
                    <Link to="/closingDocs" className={styles.nextStepButton}>
                        <IonButton shape="round">Goto Next Step</IonButton>
                    </Link>
                </div>
            </IonContent>
        </IonPage>
    )
}

export default FinalInterviewResult;