'use client';

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

export default function UsageGuide() {
  return (
    <Card className="p-4 bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800">
      <div className="flex gap-2">
        <Zap className="w-5 h-5 text-blue-600 flex-shrink-0" />
        <div className="text-sm text-blue-800 dark:text-blue-200">
          <p className="mb-2 font-medium">气象监测功能说明：</p>
          <ul className="space-y-1 text-xs">
            <li>• <strong>API接口</strong>: 支持对接多种气象API（如中国气象局、和风天气等）</li>
            <li>• <strong>实时监控</strong>: 自动获取并更新气象站数据（每15分钟自动刷新）</li>
            <li>• <strong>数据可视化</strong>: 多种图表展示气象数据变化趋势</li>
            <li>• <strong>天气预报</strong>: 对接天气预报API，提供未来7天预报</li>
            <li>• <strong>灾害预警</strong>: 智能识别低温冻害（≤3°C）、大风（≥10m/s）、暴雨（≥50mm）、高温（≥35°C）</li>
            <li>• <strong>历史数据</strong>: 完整的历史气象数据记录和查询功能</li>
            <li>• <strong>统计分析</strong>: 自动计算气象统计指标，提供农业建议</li>
            <li>• <strong>数据导出</strong>: 支持导出CSV格式的气象数据</li>
          </ul>
        </div>
      </div>
    </Card>
  );
}