import React, { ReactElement } from 'react';
import { PersesChartsTheme } from '../model';
import { CursorCoordinates } from '../TimeSeriesTooltip';
export interface ChartsProviderProps {
    chartsTheme: PersesChartsTheme;
    enablePinning?: boolean;
    enableSyncGrouping?: boolean;
    children?: React.ReactNode;
}
export interface SharedChartsState {
    chartsTheme: PersesChartsTheme;
    enablePinning: boolean;
    enableSyncGrouping: boolean;
    lastTooltipPinnedCoords: CursorCoordinates | null;
    setLastTooltipPinnedCoords: (lastTooltipPinnedCoords: CursorCoordinates | null) => void;
}
export declare function ChartsProvider(props: ChartsProviderProps): ReactElement;
export declare const ChartsThemeContext: React.Context<SharedChartsState | undefined>;
export declare function useChartsContext(): SharedChartsState;
export declare function useChartsTheme(): PersesChartsTheme;
//# sourceMappingURL=ChartsProvider.d.ts.map