import React from 'react'; import { Truck, AlertCircle, Clock, CheckCircle2, TrendingUp, TrendingDown, DollarSign, MapPin } from 'lucide-react'; import { Card, CardContent } from '@/components/ui/card'; const StatCard = ({ title, value, subtext, icon: Icon, color, trend }) => (

{title}

{value}

{subtext &&

{subtext}

}
{trend && (
0 ? 'text-orange-500 bg-orange-500/10' : 'text-red-500 bg-red-500/10'}`}> {trend > 0 ? : } {Math.abs(trend)}% vs mês anterior
)}
); export default function DashboardView() { return (
{/* Header */}

Visão Geral

Monitoramento em tempo real da operação.

{/* KPI Grid */}
{/* Secondary Row */}

Distribuição por Base

{[ { label: 'SP - Capital (SRJ10)', val: 450, tot: 1240, col: 'bg-blue-600' }, { label: 'RJ - Rio de Janeiro (GIG)', val: 320, tot: 1240, col: 'bg-orange-500' }, { label: 'MG - Belo Horizonte', val: 210, tot: 1240, col: 'bg-yellow-500' }, { label: 'Outras Bases', val: 260, tot: 1240, col: 'bg-slate-600' }, ].map((item, i) => (
{item.label} {item.val}
))}

Alertas Recentes

{[ { msg: 'Manutenção Preventiva - ABC-1234', time: 'Há 2h', type: 'warn' }, { msg: 'Multa Registrada - XYZ-9876', time: 'Há 4h', type: 'crit' }, { msg: 'Novo Veículo Cadastrado', time: 'Há 5h', type: 'info' }, { msg: 'Checklist Atrasado - GOL-5544', time: 'Ontem', type: 'warn' }, ].map((alert, i) => (

{alert.msg}

{alert.time}
))}
); }