import React from 'react';
import { FacetColumnRequest, QueryFilter } from '@sage-bionetworks/synapse-types';
import Plotly, { AxisType, PlotType } from 'plotly.js-basic-dist';
import { QueryContextType } from '../QueryContext';
import { QueryWrapperSynapsePlotRowClickEvent } from '../QueryWrapperPlotNav/QueryWrapperSynapsePlot';
import './SynapsePlot.scss';
export type SynapsePlotWidgetParams = {
    query: string;
    title?: string;
    xtitle?: Plotly.LayoutAxis['title'];
    ytitle?: Plotly.LayoutAxis['title'];
    type: PlotType;
    xaxistype?: AxisType;
    showlegend?: Plotly.Layout['showlegend'];
    horizontal?: boolean;
    barmode?: Plotly.Layout['barmode'];
    displayModeBar?: Plotly.Config['displayModeBar'];
    hoverinfo?: Plotly.PlotData['hoverinfo'];
};
export type QueryWrapperPlotNavCustomPlotParams = {
    selectedFacets: FacetColumnRequest[];
    additionalFilters: QueryFilter[];
    onCustomPlotClick?: (event: QueryWrapperSynapsePlotRowClickEvent) => void;
    queryContext?: QueryContextType;
};
export type SynapsePlotProps = {
    synapsePlotWidgetParams: SynapsePlotWidgetParams;
    customPlotParams?: QueryWrapperPlotNavCustomPlotParams;
};
export declare const SynapsePlot: (props: SynapsePlotProps) => React.ReactNode;
export default SynapsePlot;
//# sourceMappingURL=SynapsePlot.d.ts.map