import { ComponentType, ReactNode } from 'react';
import 'reset-css';
import type { RouteSlot } from '@teambit/ui-foundation.ui.react-router.slot-router';
import type { ScopeModel } from '@teambit/scope.models.scope-model';
import { ScopeUI, ScopeBadgeSlot, ScopeContextType, CornerSlot, OverviewLineSlot } from '../scope.ui.runtime';
export type ScopeProps = {
    routeSlot: RouteSlot;
    menuSlot: RouteSlot;
    sidebar: JSX.Element;
    scopeUi: ScopeUI;
    badgeSlot: ScopeBadgeSlot;
    overviewLineSlot: OverviewLineSlot;
    cornerSlot: CornerSlot;
    context: ScopeContextType[];
    TargetScopeOverview?: ComponentType;
    userUseScopeQuery?: () => {
        scope: ScopeModel | undefined;
    };
    onSidebarTogglerChange: (callback: () => void) => void;
    TargetCorner?: ComponentType;
    paneClassName?: string;
    scopeClassName?: string;
    PaneWrapper?: ComponentType<{
        children: ReactNode;
    }>;
};
/**
 * root component of the scope
 */
export declare function Scope({ routeSlot, menuSlot, sidebar, scopeUi, badgeSlot, overviewLineSlot, cornerSlot, PaneWrapper, context, paneClassName, TargetScopeOverview, TargetCorner, onSidebarTogglerChange, userUseScopeQuery, scopeClassName, }: ScopeProps): import("react/jsx-runtime").JSX.Element;
