Configuração Inicial

// No seu arquivo principal (App.tsx, _app.tsx, layout.tsx, etc.)
import '@triglit/react-sdk/styles.css';

import { TriglitProvider } from '@triglit/react-sdk';
import '@triglit/react-sdk/styles.css';

function App() {
  return (
    <TriglitProvider config={{ apiKey: 'pk_sua_chave_aqui' }}>
      {/* Sua aplicação */}
    </TriglitProvider>
  );
}

import { TriglitProvider } from '@triglit/react-sdk';
import '@triglit/react-sdk/styles.css';

function App() {
  return (
    <TriglitProvider
      config={{
        // Chave de API (obrigatória)
        apiKey: 'pk_sua_chave_aqui',
        
        // URL base da API (opcional, padrão: https://api.triglit.com)
        baseURL: 'https://api.triglit.com',
        
        // Configuração de i18n (opcional)
        i18n: {
          locale: 'pt-BR',
          // ou traduções customizadas
          translations: {
            'workflow.editor.save': 'Salvar',
            // ...
          },
        },
        
        // Callbacks para eventos (opcional)
        callbacks: {
          onWorkflowVersionCreated: (version) => {
            console.log('Versão criada:', version);
          },
          onWorkflowVersionPublished: (response) => {
            console.log('Versão publicada:', response);
          },
          // ...
        },
      }}
    >
      {/* Sua aplicação */}
    </TriglitProvider>
  );
}

# .env.local ou .env
NEXT_PUBLIC_TRIGLIT_PUBLISHABLE_KEY=pk_sua_chave_aqui

// O SDK detecta automaticamente a variável de ambiente
<TriglitProvider config={{}}>
  {/* Sua aplicação */}
</TriglitProvider>