> ## Documentation Index
> Fetch the complete documentation index at: https://docs.triglit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Internacionalização

> Configure traduções e i18n

## Locales Suportados

O SDK suporta os seguintes locales:

* `en` (Inglês) - padrão
* `pt-BR` (Português do Brasil)

## Configuração de Locale

```tsx theme={null}
<TriglitProvider
  config={{
    apiKey: 'pk_...',
    i18n: {
      locale: 'pt-BR', // Usa traduções em português
    },
  }}
>
  {/* Componentes */}
</TriglitProvider>
```

## Traduções Customizadas

Você pode fornecer traduções customizadas de duas formas:

### 1. Objeto de Traduções

```tsx theme={null}
<TriglitProvider
  config={{
    apiKey: 'pk_...',
    i18n: {
      locale: 'pt-BR',
      translations: {
        'workflow.editor.save': 'Salvar Workflow',
        'workflow.editor.saveChanges': 'Salvar Alterações',
        'workflow.editor.version': 'Versão {{version}}',
        // ... outras traduções
      },
    },
  }}
>
  {/* Componentes */}
</TriglitProvider>
```

### 2. Função de Tradução

```tsx theme={null}
<TriglitProvider
  config={{
    apiKey: 'pk_...',
    i18n: {
      locale: 'pt-BR',
      translations: (key: string) => {
        // Sua lógica de tradução customizada
        const customTranslations: Record<string, string> = {
          'workflow.editor.save': 'Salvar',
          // ...
        };
        return customTranslations[key] || key;
      },
    },
  }}
>
  {/* Componentes */}
</TriglitProvider>
```

## Usando Traduções em Componentes Customizados

```tsx theme={null}
import { useI18n } from '@triglit/react-sdk';

function MyCustomComponent() {
  const t = useI18n();
  
  return (
    <div>
      <button>{t('workflow.editor.save')}</button>
      <p>{t('workflow.editor.version', { version: 2 })}</p>
    </div>
  );
}
```

## Chaves de Tradução Disponíveis

Principais chaves de tradução:

* `workflow.editor.*` - Editor de workflows
* `node.config.*` - Diálogo de configuração de nodes
* `status.*` - Mensagens de status

Consulte o código-fonte para a lista completa de chaves.