@datamonsterr/vdt-dashboard
Version:
31 lines • 1.3 kB
TypeScript
import { type VDTDashboardProps } from './types';
/**
* VDTDashboard - A complete, self-contained VDT dashboard component
* that can be embedded in any React application
*
* This component provides:
* - All necessary context providers (Clerk, theme, auth) internally
* - A trigger button that opens a full screen overlay containing the VDT dashboard
* - Complete isolation from the host application's state management
* - Authentication system with Clerk
* - Schema builder with drag-and-drop functionality
* - Undo/redo capabilities
* - Theme management (light/dark) isolated to the dashboard
* - Routing and navigation within the full screen view
* - Back button to return to the original view
* - 404 error handling
* - Loading states and error boundaries
*
* @example
* ```tsx
* <VDTDashboard
* buttonText="Design Database"
* buttonVariant="outline"
* onSchemaChange={(data) => console.log('Schema changed:', data)}
* initialTheme="dark"
* requireAuthForSchemaBuilder={false}
* />
* ```
*/
export declare function VDTDashboard({ showDemo, showViewDatabases, onSchemaChange, initialTheme, initialTables, initialForeignKeys, requireAuthForSchemaBuilder, }: VDTDashboardProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=VDTDashboard.d.ts.map