import type { NodeMetadata, Workflow } from '../types/index.js';
import type { EndpointConfig } from '../config/endpoints.js';
import type { AuthProvider } from '../types/auth.js';
import type { FlowDropEventHandlers, FlowDropFeatures } from '../types/events.js';
/**
 * Configuration props for runtime customization
 */
interface Props {
    /** Initial workflow to load */
    workflow?: Workflow;
    /** Pre-loaded node types (if provided, skips API fetch) */
    nodes?: NodeMetadata[];
    /** Editor height */
    height?: string | number;
    /** Editor width */
    width?: string | number;
    /** Show the navbar */
    showNavbar?: boolean;
    /** Disable the node sidebar */
    disableSidebar?: boolean;
    /** Lock the workflow (prevent changes) */
    lockWorkflow?: boolean;
    /** Read-only mode */
    readOnly?: boolean;
    /** Node execution statuses */
    nodeStatuses?: Record<string, 'pending' | 'running' | 'completed' | 'error'>;
    /** Pipeline ID for fetching node execution info */
    pipelineId?: string;
    /** Custom navbar title */
    navbarTitle?: string;
    /** Custom navbar actions */
    navbarActions?: Array<{
        label: string;
        href: string;
        icon?: string;
        variant?: 'primary' | 'secondary' | 'outline';
        onclick?: (event: Event) => void;
    }>;
    /** Show settings gear icon in navbar */
    showSettings?: boolean;
    /** API base URL */
    apiBaseUrl?: string;
    /** Endpoint configuration */
    endpointConfig?: EndpointConfig;
    /** Authentication provider */
    authProvider?: AuthProvider;
    /** Event handlers */
    eventHandlers?: FlowDropEventHandlers;
    /** Feature configuration */
    features?: FlowDropFeatures;
}
declare const App: import("svelte").Component<Props, {}, "">;
type App = ReturnType<typeof App>;
export default App;