import React from 'react';
import checkmark from "../../../../assets/images/check-mark.svg";

type StepCompletedProps = {
   email: string
}

const StepCompleted = ({email}: StepCompletedProps) => {

    return (
        <div id="step-email-completed" className="step">
            {/* user info */}
            <div className="step-wrapper--result">
                <div className="step-wrapper--result--img">
                    <img
                        alt="mail-sent"
                        src={checkmark}
                    /></div>
                <div className="step-wrapper--result--text">
                    <p>Το αίτημά σας για email account έχει σταλθεί με επιτυχία στον Δικτυακό Yπεύθυνο.</p>
                    <p>Με το πέρας της διαδικασίας θα ενημερωθείτε εκ νέου στο <b>{email}</b></p>
                </div>
            </div>
        </div>
    );
}

export default StepCompleted;