'use client';

import React from 'react';
import Link from 'next/link';

export default function MonitorPage() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold mb-4">系统监控</h1>
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
        <Link href="/central-config/monitor/login-log" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
          <h3 className="text-lg font-semibold mb-2">登录日志</h3>
          <p className="text-gray-600 text-sm">查看用户登录记录</p>
        </Link>
        <Link href="/central-config/monitor/operation-log" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
          <h3 className="text-lg font-semibold mb-2">操作日志</h3>
          <p className="text-gray-600 text-sm">查看系统操作记录</p>
        </Link>
        <Link href="/central-config/monitor/performance" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
          <h3 className="text-lg font-semibold mb-2">性能监控</h3>
          <p className="text-gray-600 text-sm">监控系统性能</p>
        </Link>
        <Link href="/central-config/monitor/network-log" className="bg-white rounded-lg shadow p-4 hover:shadow-md transition-shadow">
          <h3 className="text-lg font-semibold mb-2">网络日志</h3>
          <p className="text-gray-600 text-sm">查看网络访问日志</p>
        </Link>
      </div>
    </div>
  );
}