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

import { IonHeader, IonIcon } from '@ionic/react';
import { closeOutline } from 'ionicons/icons'
import { Link } from 'react-router-dom';

interface Props {
    stepNumber: number;
    roundName: string;
}

const StepHeader: React.FC<Props> = (props) => {
    return (
        <header className={styles.header}>
            <div className={styles.heading}>
                <div className={styles.step}>Step {props.stepNumber}</div>
                <h3 className={styles.roundName}>{props.roundName}</h3>
            </div>
            {/* <Link to="/interviewRounds"> */}
            <IonIcon icon={closeOutline}></IonIcon>
            {/* </Link> */}
        </header>
    )
}

export default StepHeader;