'use client';

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

export default function MonitoringAlertLogicPage() {
  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/alert-logic
            </p>
            <p className="text-sm mt-1">
              <strong>主要功能：</strong> 预警规则配置、逻辑条件设置、触发条件管理、预警级别
            </p>
          </div>
        </div>
      </Card>
    </div>
  );
}