import { ResponsiveStore } from '../../useSdkResponsive';
import { ChannelsButtonId } from '../../../../ui/navigation/button/Channels';
import { FeaturedGroupsButtonId } from '../../../../ui/navigation/button/FeaturedGroups';
import { LeaderBoardButtonId } from '../../../../ui/navigation/button/LeaderBoard';
export { ChannelsButtonId, LeaderBoardButtonId, FeaturedGroupsButtonId };
export type AvailableOverlays = typeof ChannelsButtonId | typeof LeaderBoardButtonId | typeof FeaturedGroupsButtonId;
type MastersNavigationProps = {
    activeOverlay: AvailableOverlays;
    setActiveOverlay: (overlay: AvailableOverlays) => void;
    sdkReady: boolean;
    className?: string;
    responsiveStore: ResponsiveStore;
    scrollToTop: () => void;
};
export declare const MastersNavigation: import('react').ForwardRefExoticComponent<MastersNavigationProps & import('react').RefAttributes<HTMLDivElement | null>>;