'use client';

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

export default function MonitoringThresholdAlertPage() {
  return (
    <div className="space-y-6">
      <Card className="p-6">
        <div className="flex items-center gap-3 mb-4">
          <AlertTriangle className="w-6 h-6 text-red-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/monitoring/threshold-alert
            </p>
            <p className="text-sm mt-1">
              <strong>主要功能：</strong> 阈值参数设置、预警触发条件、监控指标配置、报警等级
            </p>
          </div>
        </div>
      </Card>
    </div>
  );
}