StatusBadge

Visão Geral

Componente para exibir status com cores específicas.

Localização

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

Uso

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

<StatusBadge status="pending" />
<StatusBadge status="confirmed" />
<StatusBadge status="cancelled" />

Status Suportados

Status	Cor
pending	Amarelo
confirmed	Azul
preparing	Laranja
ready	Verde
delivered	Verde escuro
cancelled	Vermelho
active	Verde
inactive	Cinza

Props

Prop	Tipo	Descrição
status	string	Status a exibir
label	string	Label customizado