import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { Brain, DollarSign, Activity, TrendingUp } from 'lucide-react';

export default function AILearningStatsCard() {
  return (
    <Card>
      <CardHeader>
        <CardTitle className="flex items-center gap-2">
          <Brain className="h-5 w-5 text-blue-600" />
          AI Learning Analytics
        </CardTitle>
      </CardHeader>
      <CardContent>
        <div className="grid grid-cols-2 gap-4">
          <div>
            <div className="text-2xl font-bold">506</div>
            <div className="text-sm text-muted-foreground">Learning Records</div>
          </div>
          <div>
            <div className="text-2xl font-bold">35</div>
            <div className="text-sm text-muted-foreground">AI Trades</div>
          </div>
          <div>
            <div className="text-2xl font-bold text-blue-600">$0.00</div>
            <div className="text-sm text-muted-foreground">Total PnL</div>
          </div>
          <div>
            <div className="text-2xl font-bold text-green-600">1.5%</div>
            <div className="text-sm text-muted-foreground">Return %</div>
          </div>
        </div>
        
        <div className="mt-4 p-3 bg-blue-50 border border-blue-200 rounded-lg">
          <div className="flex items-center gap-2 text-blue-800">
            <TrendingUp className="h-4 w-4" />
            <span className="font-medium">AI Learning Status:</span>
            Learning and adapting to market conditions
          </div>
        </div>
        
        <div className="mt-3 text-xs text-muted-foreground">
          🧠 506 learning samples • 📈 35 AI trades executed • 📊 Statistically significant data
        </div>
      </CardContent>
    </Card>
  );
}