import React, {ReactNode, useState, useEffect, useContext} from "react";
import AnimatedGuideHelper from "../AnimatedGuideHelper/AnimatedGuidedHelper";
import {OnboardingTourContext} from '../../../context/onboarding-tour-context'


const FixedHelper: React.FC = () => {

    const {isOpen, setIsOpen} = useContext(OnboardingTourContext);
    const handleClick = () => {
        setIsOpen(!isOpen);
    };

    return (
        <AnimatedGuideHelper initialOpen={true}>
            <p>
                Πατήστε <button onClick={() => handleClick()}>εδώ</button> για την έναρξη του<br></br> οδηγού πλοήγησης
                σε αυτή τη σελίδα.
            </p>
        </AnimatedGuideHelper>
    );
}
export default FixedHelper;