mobile-nav.tsx

import {
  Disclosure,
  DisclosureButton,
  DisclosurePanel,
} from '@headlessui/react'
import { motion } from 'framer-motion'
import Link from 'next/link'
import { useState, type ReactElement } from 'react'
import chevronDownIcon from '@iconify/icons-heroicons/chevron-down-20-solid'
import searchIcon from '@iconify/icons-lucide/search'
import clsx from 'clsx'
import { Icon } from '@/components/icon'
import { Search } from '@/components/search'
import { links, socialLinks } from './config'
import type { NavLink, DropdownItem, SocialLink } from './types'

/**
 * Mobile navigation menu component
 * Renders slide-down mobile menu with animations and expandable dropdowns
 * @param {function} close - Function to close the mobile menu