'use client';

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

export default function WaterFertilizerMappingPage() {
  return (
    <div className="space-y-6">
      <Card className="p-6">
        <div className="flex items-center gap-3 mb-4">
          <Package className="w-6 h-6 text-blue-600" />
          <h2 className="text-xl font-semibold">水肥机映射管理</h2>
        </div>
        <div className="space-y-3">
          <p className="text-muted-foreground">
            水肥机设备与地块、作物的映射关系管理和配置。
          </p>
          <div className="p-3 bg-muted rounded-lg">
            <p className="text-sm">
              <strong>页面路径：</strong> /water-fertilizer-control/wf-management/mapping
            </p>
            <p className="text-sm mt-1">
              <strong>主要功能：</strong> 设备地块映射、作物配置、灌溉区域管理、映射关系优化
            </p>
          </div>
        </div>
      </Card>
    </div>
  );
}