import { useState } from 'react';
import styles from './styles.module.css';
import { ReactComponent as FinishFlagIcon } from '../assets/finishing-flag.svg';
import { ReactComponent as TickIcon } from '../assets/green-tick.svg';

const WonOverlay = () => {

    return (
        <div className={styles.overlay}>
            <div className={styles.tutorialBody}>
                <div className={styles.singleColumnContainer}>
                    <FinishFlagIcon className={styles.tickIconFullScreen} />
                    <TickIcon className={styles.tickIconFullScreen} />
                </div>
            </div>
        </div>
    );
};

export default WonOverlay;
