import React from 'react';
import { QueryClient } from '@tanstack/react-query';
export declare const dashboardQueryClient: QueryClient;
export type ViewMode = 'tabs' | 'unified';
export interface DashboardContainerProps {
    campaignId: string;
    userId?: string;
    apiEndpoint: string;
    showHeader?: boolean;
    className?: string;
    hideLayoutControls?: boolean;
    defaultViewMode?: ViewMode;
    rightControls?: React.ReactNode;
}
interface TearsheetMetadata {
    tearsheet_metadata: Record<string, {
        cards_count: number;
        charts_count: number;
        tables_count: number;
    }>;
}
export declare function useTearsheetMetadata(apiEndpoint: string, campaignId: string, userId: string): {
    data: TearsheetMetadata | undefined;
    isLoading: boolean;
    error: string | null;
};
export declare function useTearsheetData(apiEndpoint: string, campaignId: string, userId: string, category: string | null): {
    data: import("@epochlab/epoch-protos/tearsheet").epoch_proto.ITearSheet | undefined;
    isLoading: boolean;
    error: string | null;
};
export declare function DashboardContent({ campaignId, userId, apiEndpoint, showHeader, className, hideLayoutControls, defaultViewMode, rightControls, }: DashboardContainerProps): import("react/jsx-runtime").JSX.Element;
export declare function DashboardContainer(props: DashboardContainerProps): import("react/jsx-runtime").JSX.Element;
export default DashboardContainer;
//# sourceMappingURL=DashboardContainer.d.ts.map