import React, { useState, useEffect } from 'react';
import Link from 'next/link';

export default function CookieBanner() {
    // Initialize with a default value (false if not previously set in localStorage)
  const [cookieConsent, setCookieConsent] = useState(() =>
    localStorage.getItem('cookieConsent') === 'true' ? true : false
  );

  useEffect(() => {
    const newCookieConsent = cookieConsent ? 'granted' : 'denied';

    window.gtag('consent', 'update', {
      analytics_storage: newCookieConsent
    });

    localStorage.setItem('cookieConsent', String(cookieConsent));
  }, [cookieConsent]);

  return !cookieConsent && (
    <div>
    <div>
        <p>
        We use cookies to enhance the user experience.{' '}
        <Link href='/privacy/'>View privacy policy</Link>
        </p>
    </div>
    <div>
        <button type="button" onClick={() => setCookieConsent(false)}>Decline</button>
        <button type="button" onClick={() => setCookieConsent(true)}>Allow</button>
    </div>
    </div>
  )
}

console.log("xa")

// `date` is a `Date` object
const formatYmd = date => date.toISOString().slice(0, 10);

// Example
formatYmd(new Date());      // 2020-05-06

function copyString(text){
	async function navigatorClipboardCopy(text){
			if(document.location.protocol != "https:"){
					return false;
			}
			return new Promise((resolve, reject)=>{
					navigator.clipboard.writeText(text).then(()=>{resolve(true);}, ()=>{resolve(false);});
			});
	}
	function domCopy(text){
			if(!(document.execCommand)){
					console.warn("They finally deprecated document.execCommand!");
			}

			const input = document.createElement('textarea');
			input.value = text;
			document.body.appendChild(input);
			input.select();
			const success = document.execCommand('copy');
			document.body.removeChild(input);

			return success;
	}
	function promptCopy(){
			prompt("Copy failed. Might have ... somewhere. Check console.", text);
			console.log(text);
	}
	function done(){
			alert("Copied to clipboard");
	}
	navigatorClipboardCopy(text).catch(()=>{return false;}).then((success)=>{
			if(success){
					done();
			}else{
					if(domCopy(text)){
							done();
					}else{
							promptCopy();
					}
			}
	});
}

const binomialCoefficient = (n, k) => {
  if (Number.isNaN(n) || Number.isNaN(k)) return NaN;
  if (k < 0 || k > n) return 0;
  if (k === 0 || k === n) return 1;
  if (k === 1 || k === n - 1) return n;
  if (n - k < k) k = n - k;
  let res = n;
  for (let j = 2; j <= k; j++) res *= (n - j + 1) / j;
  return Math.round(res);
};

binomialCoefficient(8, 2); // 28

function Clock(props) {
  return (
    <div>
      <h1>Hello, world!</h1>
      <h2>It is {props.date.toLocaleTimeString()}.</h2>
    </div>
  );
}

function tick() {
  ReactDOM.render(
    <Clock date={new Date()} />,
    document.getElementById('root')
  );
}

setInterval(tick, 1000);