Componentes Principais

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

function WorkflowPage() {
  return (
    <TriglitProvider config={{ apiKey: 'pk_...' }}>
      <WorkflowEditor 
        workflowId="wf_123"
        initialVersionId="wfv_456"
        onSave={(versionId) => console.log('Salvo:', versionId)}
        className="min-h-screen"
      />
    </TriglitProvider>
  );
}

import { WorkflowEditorHeader } from '@triglit/react-sdk';

<WorkflowEditorHeader
  workflowId="wf_123"
  currentVersionId="wfv_456"
  onVersionChange={(versionId) => {
    // Carregar nova versão
  }}
  onSave={() => {
    // Salvar versão
  }}
  onPublish={() => {
    // Publicar versão
  }}
/>

import { WorkflowNodesList } from '@triglit/react-sdk';

<WorkflowNodesList
  onNodeSelect={(node) => {
    console.log('Node selecionado:', node);
  }}
/>

import { WorkflowTriggersList } from '@triglit/react-sdk';

<WorkflowTriggersList
  workflowVersionId="wfv_456"
  onTriggerSelect={(trigger) => {
    console.log('Trigger selecionado:', trigger);
  }}
/>

import { 
  TriglitLoading, 
  TriglitError, 
  TriglitDegraded 
} from '@triglit/react-sdk';

// Loading
<TriglitLoading />

// Erro
<TriglitError />

// API degradada
<TriglitDegraded />