import { Card, CardHeader, CardContent } from '@/components/ui';

export function DashboardActivity() {
  return (
    <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
      <Card>
        <CardHeader>
          <h3 className="text-base font-medium text-text-primary">Recent Activity</h3>
        </CardHeader>
        <CardContent>
          <div className="flex items-center justify-between p-2 bg-surface-tertiary rounded border border-border">
            <span className="text-text-secondary text-sm">No recent activity</span>
            <span className="text-text-muted text-xs">--</span>
          </div>
        </CardContent>
      </Card>

      <Card>
        <CardHeader>
          <h3 className="text-base font-medium text-text-primary">Market Overview</h3>
        </CardHeader>
        <CardContent>
          <div className="flex items-center justify-between p-2 bg-surface-tertiary rounded border border-border">
            <span className="text-text-secondary text-sm">Market data loading...</span>
            <span className="text-text-muted text-xs">--</span>
          </div>
        </CardContent>
      </Card>
    </div>
  );
}
