Hover Icons (itshover)

# 安装基础动画依赖
npm install framer-motion clsx tailwind-merge

import React from 'react';
import { BellAlertIcon } from '@/components/icons/bell-alert';

export function NotificationBadge() {
  return (
    <button className="flex items-center gap-2 px-3 py-1.5 rounded-xl bg-card border border-border hover:bg-muted/60 transition-colors group cursor-pointer">
      <BellAlertIcon className="size-4 text-muted-foreground group-hover:text-foreground transition-colors" />
      <span className="text-xs font-medium text-foreground">消息通知</span>
    </button>
  );
}