Empty State

Estado vazio com ilustração e CTA — informa E conduz à próxima ação. Duas variantes de ilustração (public/brand): 'transactions' para listas sem dados e 'search' para filtros sem resultado.

import { EmptyState } from "@/components/ui/empty-state"

Sem dados (variante transactions)

Primeira visita: explica de onde os dados vêm e oferece as ações de partida.

Nenhuma transação ainda

Use o webhook, importe um extrato ou adicione o primeiro lançamento manualmente.

Busca sem resultado (variante search)

Filtros ativos sem correspondência: a saída é limpar os filtros.

Nenhuma transação encontrada

Nenhum lançamento corresponde aos filtros atuais.

Compacto

Para dentro de cards e células de tabela (compact).

Nenhuma transação ainda

Use o webhook ou importe um extrato.