Cookie Consent

"use client";

import { useEffect, useId, useRef, useState, type ReactNode } from "react";
import { AnimatePresence, MotionConfig, motion } from "motion/react";
import useMeasure from "react-use-measure";
import { cn } from "@/lib/utils";

// Cookie consent. The card slides up a moment after the page loads, unless
// the visitor has already chosen. "Customize" grows the card in place to show
// each category with its own switch, rows easing in one after another, and
// the buttons change to fit. The choice is saved to localStorage and passed
// to `onConsent`; reopening the card later (open it yourself, e.g. from a
// footer link) goes straight to the categories with the saved choice.

export type CookieCategory = {
  id: string;
  label: string;
  description?: string;
  /** Always on and can't be switched off, e.g. strictly necessary cookies. */
  required?: boolean;
  /** Switched on before the visitor changes anything. Default false. */
  defaultOn?: boolean;
};