Cookie friendly

We built FRI to make it cookie friendly in order to set up your preference faster and easier. In this example we use useState to set the state of request. Initial state is false as opt-out.

import React, {useEffect, useState} from 'react'
import fls_global from 'google-fls'
import styled from "styled-components";
function App() {
    const [cookies, setCookies] = useState(false)
    const handleChange = () => {
        setCookies(true)
    }
    useEffect(() => {
        fls_global(cookies,{ // isCookiesFriendly true or false
            format: 'global',
            advertiser_id: 8384813
        }, {
            type: 'test',
            cat: 'test'
        })
    }, [])
    return (
        <>
            {cookies
                ?  null
                : <CookiesButton onClick={handleChange}>Accept Cookies</CookiesButton>
            }
        </>
    )
}
export default App;
const CookiesButton = styled.button`
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    background-color: #5e656f;
    padding: 10px 15px;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
`;