// Cookie notice — informational style, matches wiseops.team
// Shows once per browser; dismissed state persists in localStorage.

function CookieNotice() {
  const [visible, setVisible] = React.useState(false);

  React.useEffect(() => {
    try {
      const dismissed = localStorage.getItem('wo_cookie_ok');
      if (!dismissed) {
        const t = setTimeout(() => setVisible(true), 1000);
        return () => clearTimeout(t);
      }
    } catch (e) { /* ignore */ }
  }, []);

  function dismiss() {
    try { localStorage.setItem('wo_cookie_ok', '1'); } catch (e) {}
    setVisible(false);
  }

  if (!visible) return null;

  return (
    <div className="cookie-notice" role="dialog" aria-label="Cookie notice">
      <button className="cn-close" onClick={dismiss} aria-label="Close">
        <Icon name="close" size={14} stroke={2.4}/>
      </button>
      <p className="cn-text">We use cookies to provide the best site experience.</p>
      <button className="cn-ok" onClick={dismiss}>OK, DON'T SHOW AGAIN</button>
    </div>
  );
}

window.CookieNotice = CookieNotice;