'use client';

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

export default function MonitoringNotificationPushPage() {
  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/notification-push
            </p>
            <p className="text-sm mt-1">
              <strong>主要功能：</strong> 通知渠道配置、推送规则设置、消息模板管理、推送记录
            </p>
          </div>
        </div>
      </Card>
    </div>
  );
}