import * as React from "react";
export type RelationshipDiagramLayout = "horizontal" | "vertical";
export type RelationshipDiagramJoinType = "INNER" | "LEFT" | "RIGHT" | "FULL";
export interface RelationshipDiagramColumnConfig {
    name: string;
    highlighted?: boolean;
    type?: string;
}
export interface RelationshipDiagramTableConfig {
    name: string;
    tableName: string;
    columns: Array<string | RelationshipDiagramColumnConfig>;
}
export interface RelationshipDiagramJoinConfig {
    leftTable: string;
    rightTable: string;
    leftKey: string;
    rightKey: string;
    joinType: RelationshipDiagramJoinType;
}
export interface RelationshipDiagramConfig {
    tables: RelationshipDiagramTableConfig[];
    joins: RelationshipDiagramJoinConfig[];
}
export interface RelationshipDiagramProps extends React.HTMLAttributes<HTMLDivElement> {
    config?: RelationshipDiagramConfig;
    children?: React.ReactNode;
    layout?: RelationshipDiagramLayout;
}
export interface RelationshipDiagramTableProps {
    name: string;
    tableName: string;
    children?: React.ReactNode;
}
export interface RelationshipDiagramColumnProps {
    name: string;
    highlighted?: boolean;
    type?: string;
}
export interface RelationshipDiagramJoinProps {
    leftTable: string;
    rightTable: string;
    leftKey: string;
    rightKey: string;
    joinType: RelationshipDiagramJoinType;
}
interface RelationshipDiagramComponent extends React.ForwardRefExoticComponent<RelationshipDiagramProps & React.RefAttributes<HTMLDivElement>> {
    Table: React.FC<RelationshipDiagramTableProps>;
    Column: React.FC<RelationshipDiagramColumnProps>;
    Join: React.FC<RelationshipDiagramJoinProps>;
}
export declare const RelationshipDiagram: RelationshipDiagramComponent;
export {};
//# sourceMappingURL=relationship-diagram.d.ts.map