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

export function LoginLogInfo() {
  return (
    <Card className="p-4 bg-blue-50 border-blue-200">
      <h4 className="text-blue-900 mb-2">
        <Shield className="w-4 h-4 inline mr-2" />
        登录日志说明
      </h4>
      <ul className="space-y-1 text-sm text-blue-800">
        <li>• 记录所有用户的登录行为，包括成功和失败的登录尝试</li>
        <li>• 支持按用户名、IP地址、位置等多条件检索</li>
        <li>• 登录失败会记录失败原因，便于安全审计</li>
        <li>• 可用于识别异常登录行为和未授权访问尝试</li>
        <li>• 日志数据可导出用于长期归档和合规审计</li>
      </ul>
    </Card>
  )
}