"use client"; import Link from "next/link"; import { useEffect, useState } from "react"; import { DEFAULT_COOKIE_PREFERENCES, readCookiePreferences, writeCookiePreferences, } from "@/lib/cookies/preferences"; import { useSiteText } from "@/components/providers/site-text-provider"; export function CookieBanner() { const { t } = useSiteText(); const [visible, setVisible] = useState(false); const titleId = "cookie-banner-title"; const descriptionId = "cookie-banner-description"; useEffect(() => { if (readCookiePreferences() !== null) { return; } let timeoutId: number | null = null; const idleCallback = "requestIdleCallback" in window ? window.requestIdleCallback(() => { setVisible(true); }, { timeout: 2500 }) : null; if (idleCallback === null) { timeoutId = window.setTimeout(() => { setVisible(true); }, 1800); } return () => { if (idleCallback !== null) { window.cancelIdleCallback(idleCallback); } if (timeoutId !== null) { window.clearTimeout(timeoutId); } }; }, []); if (!visible) { return null; } return ( ); }