import { CurrencyDollarIcon, ChartBarIcon, DocumentTextIcon } from '@heroicons/react/24/outline';
import { StatCard } from '@/components/ui';

export function DashboardStats() {
  return (
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mb-6">
      <StatCard
        title="Portfolio Value"
        value="$0.00"
        subtitle="Total assets"
        icon={<CurrencyDollarIcon className="h-5 w-5 text-primary-400" />}
        iconBgColor="bg-primary-500/10"
        valueColor="text-primary-400"
        borderColor="border-primary-500/50"
      />

      <StatCard
        title="Total Return"
        value="+0.00%"
        subtitle="Since inception"
        icon={<ChartBarIcon className="h-5 w-5 text-success" />}
        iconBgColor="bg-success/10"
        valueColor="text-success"
        borderColor="border-success/50"
      />

      <StatCard
        title="Active Strategies"
        value="0"
        subtitle="Running algorithms"
        icon={<DocumentTextIcon className="h-5 w-5 text-warning" />}
        iconBgColor="bg-warning/10"
        valueColor="text-warning"
        borderColor="border-warning/50"
      />
    </div>
  );
}
