'use client';

import { Card } from '@/components/ui/card';
import { AlertCircle } 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">
        <AlertCircle 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>采样点管理</strong>: 记录GPS坐标、采样日期、负责人等基础信息</li>
            <li>• <strong>分层采样</strong>: 支持多层次土壤数据（0-20cm、20-40cm、40-60cm等）</li>
            <li>• <strong>理化指标</strong>: 记录pH值、有机质、氮磷钾、含水量等关键指标</li>
            <li>• <strong>空间可视化</strong>: 在地图上显示采样点分布，分析覆盖密度</li>
            <li>• <strong>剖面分析</strong>: 可视化展示土壤垂直分布特征</li>
            <li>• <strong>统计分析</strong>: 自动计算平均值、标准差、变异系数等统计指标</li>
            <li>• <strong>数据导出</strong>: 支持导出CSV格式，生成专业检测报告</li>
            <li>• <strong>IoT集成</strong>: 支持绑定物联网设备，自动读取土壤监测数据</li>
          </ul>
        </div>
      </div>
    </Card>
  );
}