import { ColumnTypeEnum, FacetColumnRequest, FacetColumnResultValueCount, FacetColumnResultValues } from '@sage-bionetworks/synapse-types';
import type Plotly from 'plotly.js-basic-dist';
import { FacetWithLabel } from './FacetPlotLegendUtils';
export type FacetNavPanelProps = {
    applyChangesToGraphSlice: (facet: FacetColumnResultValues, value: FacetColumnResultValueCount | undefined, isSelected: boolean) => void;
    applyChangesToFacetFilter: (facets: FacetColumnRequest[]) => void;
    index: number;
    facetToPlot: FacetColumnResultValues;
    plotType: PlotType;
    onSetPlotType: (plotType: PlotType) => void;
    onHide: () => void;
    isModalView: boolean;
    onCloseModal?: () => void;
};
export type PlotType = 'PIE' | 'BAR' | 'STACKED_HORIZONTAL_BAR';
export type GraphData = {
    data: Plotly.Data[];
    labels: FacetWithLabel[];
    colors: string[];
};
export declare function extractPlotDataArray(facetToPlot: FacetColumnResultValues, columnType: ColumnTypeEnum | undefined, index: number, plotType: PlotType, accessToken?: string): Promise<{
    data: Plotly.Data[];
    labels: {
        facet: FacetColumnResultValueCount;
        label: string;
        truncatedLabel: string;
        count: number;
    }[];
    colors: string[];
}>;
export declare function getPlotStyle(parentWidth: number | null | undefined, plotType: PlotType, maxHeight: number): {
    width: string;
    height: string;
};
declare function FacetNavPanel(props: FacetNavPanelProps): import("react/jsx-runtime").JSX.Element;
export default FacetNavPanel;
//# sourceMappingURL=FacetNavPanel.d.ts.map