'use client';

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

export default function WaterFertilizerComponentPage() {
  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/component
            </p>
            <p className="text-sm mt-1">
              <strong>主要功能：</strong> 组件清单管理、组件状态监控、维护更换记录、备件管理
            </p>
          </div>
        </div>
      </Card>
    </div>
  );
}