StatsGrid

Visão Geral

Grid para exibir cartões de estatísticas/dashboard.

Localização

frontend-react/src/components/ui/StatsGrid.tsx

Uso

import { StatsGrid } from './components/ui';

const stats = [
  { label: 'Pedidos Hoje', value: '42', trend: '+12%' },
  { label: 'Receita', value: 'R$ 1.234', trend: '+5%' },
  { label: 'Reservas', value: '8', trend: '-2' },
];

<StatsGrid stats={stats} />

Props

Prop	Tipo	Descrição
stats	Array<{ label, value, trend?, warning? }>	Lista de estatísticas

Estrutura

┌────────────┐ ┌────────────┐ ┌────────────┐
│   Label    │ │   Label    │ │   Label    │
│   Value    │ │   Value    │ │   Value    │
│   Trend    │ │   Trend    │ │   Trend    │
└────────────┘ └────────────┘ └────────────┘