sticky-navbar.tsx

import { Disclosure } from '@headlessui/react'
import { motion } from 'framer-motion'
import Link from 'next/link'
import type { ReactElement } from 'react'
import clsx from 'clsx'
import { Logo } from '@/components/logo'
import { DesktopNav } from './desktop-nav'
import { SearchButton } from './search-button'
import { SocialMediaNav } from './social-media-nav'
import { MobileNavButton } from './mobile-nav-button'
import { homeLink } from './config'

/**
 * Sticky navbar component
 * Appears on scroll with slide-in/out animation
 * Always uses normal theme
 * @returns {ReactElement} Sticky navbar element
 */
export function StickyNavbar({
  isScrolling,