import React from 'react';
import redX from "../../../../assets/images/big-red-x.svg";

type StepNoContractProps = {
   afm: string
}

const StepNoContract = ({afm}: StepNoContractProps) => {

    return (
        <div id="step-afm-failed" className="step">
            {/* user info */}
            <div className="step-wrapper--title">
                <h1>Αίτημα Demokritos User Account (D.U.A.)</h1>
            </div>
            <div className="step-wrapper--result">
                <div className="step-wrapper--result--img">
                    <img
                        alt="mail-sent"
                        src={redX}
                    /></div>
                <div className="step-wrapper--result--text">
                    <p>Δεν βρέθηκε ενεργή σύμβαση στο ΑΦΜ {afm}</p>
                    <p>Προσπαθήστε πάλι αργότερα ή επικοινωνήστε με τον/την υπεύθυνο/η διαχείρισης προσωπικού <br/>της οργανικής μονάδας που θα απασχοληθείτε.</p>
                </div>
            </div>
        </div>
    );
}

export default StepNoContract;