dropdown.tsx

'use client'

import Link from 'next/link'
import clsx from 'clsx'
import { useState, useMemo, useRef, useEffect } from 'react'
import { Icon } from '@/components/icon'
import chevronDownIcon from '@iconify/icons-heroicons/chevron-down'
import type { IconifyIcon } from '@iconify/types'

export interface DropdownItem {
  label: string
  href?: string
  onClick?: () => void
  count?: number
}

interface DropdownProps {
  label: string
  items: DropdownItem[]
  className?: string