import React from 'react';
export declare const FONT_FAMILY = "\"Splunk Platform Sans\", \"Splunk Data Sans\", Roboto, Droid, \"Helvetica Neue\", Helvetica, Arial, sans-serif";
export type VizThemeKey = 'light' | 'dark';
export type VizTheme = {
    name: VizThemeKey;
    color: string;
    font: string;
    labelFont: string;
    legendLabel: string;
    legendLabelFont: string;
    markerFill: string;
    axis: {
        axisStroke: string;
        gridStroke: string;
        xLabelStroke: string;
        yLabelStroke: string;
        titleFont: string;
    };
    tooltip: {
        lineStroke: string;
        inactiveLineStroke: string;
        backgroundColor: string;
        color: string;
        secondaryColor: string;
    };
    pin: {
        iconStroke: string;
        lineStroke: string;
        dotFill: string;
    };
    heatmap: {
        axisStroke: string;
        axisFontSize: number;
        colorScheme: string[];
    };
    annotationIcon: {
        customEventIconColor: string;
        alertIconColor: {
            info: string;
            warning: string;
            critical: string;
            major: string;
            minor: string;
        };
    };
    alertBar: {
        backgroundColor: string;
        severityColors: {
            critical: string;
            major: string;
            warning: string;
            minor: string;
            info: string;
        };
        spacingColor: string;
    };
    rangeSelection: {
        overlayBackgroundColor: string;
        overlayBorderColor: string;
    };
};
export declare function getVizThemeForKey(key: VizThemeKey): VizTheme;
/**
 * @deprecated
 *
 * Use `@splunk/themes` instead.
 *
 * For backwards compatibility reasons, `VizThemeContext.Provider` can still be used and
 * will internally delegate to the `@splunk/themes` provider.
 */
export declare const VizThemeContext: {
    Provider: React.FC<{
        value: VizTheme;
        children: React.ReactNode;
    }>;
};
export declare function useVizTheme(): VizTheme;