import { BaseNodePropsWithData } from '../../../base';
import { RelationshipDetailsTypes } from '../_types';
import { FunctionComponent } from 'react';
export declare const ElementNode: FunctionComponent<RelationshipDetailsTypes.NodeProps<"element">>;
export declare const CompoundNode: FunctionComponent<RelationshipDetailsTypes.NodeProps<"compound">>;
type ElementPortsProps = BaseNodePropsWithData<Pick<RelationshipDetailsTypes.ElementNodeData, 'ports' | 'height'>>;
export declare const ElementPorts: ({ data: { ports, height: h } }: ElementPortsProps) => import("react/jsx-runtime").JSX.Element;
type CompoundPortsProps = BaseNodePropsWithData<Pick<RelationshipDetailsTypes.CompoundNodeData, 'ports'>>;
export declare const CompoundPorts: ({ data }: CompoundPortsProps) => import("react/jsx-runtime").JSX.Element;
export {};