38 lines
1.2 KiB
TypeScript
38 lines
1.2 KiB
TypeScript
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>
|
|
);
|
|
}
|