import React, { useState, useEffect } from 'react';
import ButtonSecondary from '../Input/ButtonSecondary';
import UniversalCookies from "universal-cookie";

export default function Cookies(props){
    const cookies = new UniversalCookies();
    const[visible, setVisible] = useState(true);

    const setCookiesConsent = () => {
        cookies.set('cookies-consent', true);
        setVisible(false);
    }

    useEffect(() => {
        const getCookies = new UniversalCookies();
        const consent = getCookies.get('cookies-consent')
        console.log(consent);
        if(typeof(consent) !== "undefined"){
            setVisible(false);
        }
    }, [])

    if(visible){
        return(
            <div className="cookies-container">
                <h5 className="cookies-text">Menui korzysta z ciasteczek (cookies). Dalsze korzystanie z serwisu oznacza zgodę na ich użycie.</h5>
                <ButtonSecondary text="W porządku" onClick={setCookiesConsent}/>
            </div>
        )
    } else {
        return(
            <div></div>
        )
    }
}