import React from 'react';
import type { RouteProps } from 'react-router-dom';
import type { Harmony, SlotRegistry } from '@teambit/harmony';
import type { ComponentUI } from '@teambit/component';
import type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
import type { ComponentCompareProps, TabItem } from '@teambit/component.ui.component-compare.models.component-compare-props';
export type ComponentCompareNav = Array<TabItem>;
export type ComponentCompareNavSlot = SlotRegistry<ComponentCompareNav>;
export declare class ComponentCompareUI {
    private host;
    private navSlot;
    private routeSlot;
    private compUI;
    constructor(host: string, navSlot: ComponentCompareNavSlot, routeSlot: RouteSlot, compUI: ComponentUI);
    static runtime: import("@teambit/harmony").RuntimeDefinition;
    static slots: (((registerFn: () => string) => SlotRegistry<ComponentCompareNavSlot>) | ((registerFn: () => string) => SlotRegistry<RouteSlot>))[];
    static dependencies: import("@teambit/harmony").Aspect[];
    getComponentComparePage: (props?: ComponentCompareProps & {
        pinned?: boolean;
    }) => React.JSX.Element;
    getAspectsComparePage: () => React.JSX.Element;
    getChangelogComparePage: () => React.JSX.Element;
    registerNavigation(nav: TabItem | Array<TabItem>): this;
    registerRoutes(routes: RouteProps[]): this;
    get routes(): Map<string, RouteProps[] | RouteProps>;
    get navLinks(): Map<string, ComponentCompareNav>;
    get tabs(): TabItem[];
    static provider([componentUi]: [ComponentUI], _: any, [navSlot, routeSlot]: [ComponentCompareNavSlot, RouteSlot], harmony: Harmony): Promise<ComponentCompareUI>;
}