ErrorState

ErrorState espelha a API do EmptyState, mas troca o tom para erro: borda vermelha, ícone de alerta padrão, role="alert" para anúncio imediato pelo leitor de tela, e um botão "Tentar novamente" automático quando você passa onRetry.

'use client';
import { ErrorState } from '@uranus-workspace/blocks';
import { Button } from '@uranus-workspace/design-system';

export default function ErrorStateDefault() {
  return (
    <ErrorState
      title="Algo deu errado"
      description="Não foi possível carregar os dados."
      actions={<Button variant="outline">Tentar novamente</Button>}
    />
  );
}

Uso

import { ErrorState } from '@uranus-workspace/blocks';

<ErrorState
  title="Algo deu errado"
  description="Não foi possível carregar o dashboard."
  onRetry={() => refetch()}
/>

Props

• title, description, icon — mesma API do EmptyState.
• onRetry — adiciona o botão padrão "Tentar novamente" com ícone.
• retryLabel — texto custom para o botão (default: "Tentar novamente").
• actions — slot livre. Quando passado, sobrescreve o botão default.

Acessibilidade

Usa role="alert", então fica em uma live region que avisa imediatamente ao screen reader. Use só para erros reais — não exiba ErrorState em estados de carregamento ou estado vazio (use Skeleton e EmptyState respectivamente).