import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"

export function RecentActivity() {
  return (
    <div className="space-y-6">
      <div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
        <Avatar className="h-10 w-10 border-2 border-white shadow-sm">
          <AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
          <AvatarFallback className="bg-gradient-to-br from-blue-500 to-teal-500 text-white">管</AvatarFallback>
        </Avatar>
        <div className="ml-4 space-y-1">
          <p className="text-sm font-medium leading-none">管理员更新了服装卡牌</p>
          <p className="text-xs text-muted-foreground flex items-center">
            <span className="inline-block h-1.5 w-1.5 rounded-full bg-green-500 mr-1.5"></span>
            2分钟前
          </p>
        </div>
      </div>

      <div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
        <Avatar className="h-10 w-10 border-2 border-white shadow-sm">
          <AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
          <AvatarFallback className="bg-gradient-to-br from-purple-500 to-pink-500 text-white">系</AvatarFallback>
        </Avatar>
        <div className="ml-4 space-y-1">
          <p className="text-sm font-medium leading-none">系统完成了大模型微调</p>
          <p className="text-xs text-muted-foreground flex items-center">
            <span className="inline-block h-1.5 w-1.5 rounded-full bg-blue-500 mr-1.5"></span>
            45分钟前
          </p>
        </div>
      </div>

      <div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
        <Avatar className="h-10 w-10 border-2 border-white shadow-sm">
          <AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
          <AvatarFallback className="bg-gradient-to-br from-yellow-500 to-orange-500 text-white">张</AvatarFallback>
        </Avatar>
        <div className="ml-4 space-y-1">
          <p className="text-sm font-medium leading-none">张三添加了新歌曲</p>
          <p className="text-xs text-muted-foreground flex items-center">
            <span className="inline-block h-1.5 w-1.5 rounded-full bg-indigo-500 mr-1.5"></span>
            3小时前
          </p>
        </div>
      </div>

      <div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
        <Avatar className="h-10 w-10 border-2 border-white shadow-sm">
          <AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
          <AvatarFallback className="bg-gradient-to-br from-red-500 to-pink-500 text-white">李</AvatarFallback>
        </Avatar>
        <div className="ml-4 space-y-1">
          <p className="text-sm font-medium leading-none">李四更新了好感度系统参数</p>
          <p className="text-xs text-muted-foreground flex items-center">
            <span className="inline-block h-1.5 w-1.5 rounded-full bg-purple-500 mr-1.5"></span>
            5小时前
          </p>
        </div>
      </div>

      <div className="flex items-center p-2 rounded-lg hover:bg-blue-50 transition-colors duration-200">
        <Avatar className="h-10 w-10 border-2 border-white shadow-sm">
          <AvatarImage src="/placeholder-user.jpg" alt="Avatar" />
          <AvatarFallback className="bg-gradient-to-br from-green-500 to-teal-500 text-white">王</AvatarFallback>
        </Avatar>
        <div className="ml-4 space-y-1">
          <p className="text-sm font-medium leading-none">王五添加了新的家居装饰</p>
          <p className="text-xs text-muted-foreground flex items-center">
            <span className="inline-block h-1.5 w-1.5 rounded-full bg-gray-500 mr-1.5"></span>
            昨天
          </p>
        </div>
      </div>
    </div>
  )
}
