/**
 * @class Connector
 */
import * as React from "react";
import { IComponent } from "./interfaces/Component";
import { IPort } from "./interfaces/ComponentDefinition";
export declare type Props = {
    component: IComponent;
    selectedComponentId: string | null;
    x: number;
    y: number;
    mouseIsOver: boolean;
    newConnectionInProgress: boolean;
    onPortHovered(port: IPort): void;
};
declare type State = {
    hovering: boolean;
    connectorCentreClicked: boolean;
    connectorImageLoaded: boolean;
};
export default class Connector extends React.Component<Props, State> {
    state: {
        hovering: boolean;
        connectorCentreClicked: boolean;
        connectorImageLoaded: boolean;
    };
    connectorImage: HTMLImageElement;
    componentDidMount(): void;
    onHoverChange: (hovering: boolean) => void;
    handleMouseDown: () => void;
    render(): JSX.Element | null;
}
export {};