/* global React, window */
const { useState: useStateCookie } = React;

function CookieBanner({ lang }) {
  const tr = (k) => window.tr(lang, k);
  const [open, setOpen] = useStateCookie(() => !(window.mooreGetCookie && window.mooreGetCookie('moore_consent')));

  if (!open) return null;

  const accept = () => {
    if (window.mooreSetCookie) window.mooreSetCookie('moore_consent', '1', 365);
    setOpen(false);
  };

  return (
    <div className="cookie-banner" role="dialog" aria-live="polite" aria-label="cookies">
      <p className="cookie-text">{tr('cookie.text')}</p>
      <button className="btn primary cookie-btn" onClick={accept}>{tr('cookie.accept')}</button>
    </div>
  );
}

window.CookieBanner = CookieBanner;