import { Card } from '@/components/ui/card';
import { Activity } from 'lucide-react';

export function PerformanceInstructions() {
  return (
    <Card className="p-4 bg-blue-50 border-blue-200">
      <h4 className="text-blue-900 mb-2">
        <Activity className="w-4 h-4 inline mr-2" />
        性能监控说明
      </h4>
      <ul className="space-y-1 text-sm text-blue-800">
        <li>• 系统每5秒自动刷新一次性能数据</li>
        <li>• 使用率超过60%显示警告，超过80%显示危险</li>
        <li>• 趋势图显示最近20次的性能数据变化</li>
        <li>• 建议在性能使用率持续偏高时进行系统优化</li>
        <li>• JVM和Tomcat信息仅在Java环境下可用</li>
      </ul>
    </Card>
  );
}