"use client";

import * as React from "react";
import { AnimatePresence, motion, useReducedMotion } from "framer-motion";
import { cn } from "@/lib/utils";

function useReducedMotionSafe() {
  const prefersReduced = useReducedMotion();
  const [mounted, setMounted] = React.useState(false);
  React.useEffect(() => setMounted(true), []);
  return mounted ? !!prefersReduced : false;
}

/**
 * A slim dismissible announcement strip stacked above a clean main nav bar.
 * Dismissing animates height + opacity to zero (never `display:none`) via
 * component state, so it resets whenever the block remounts.
 */

export interface NavLink {
  label: string;
  href?: string;