import React, { CSSProperties } from 'react';
import { PlotParams } from 'react-plotly.js';
import { PlotRef } from '../types/plots';
import { PlotLegendAddon, PlotSpacingAddon, ColorPaletteAddon } from '../types/plots/addOns';
export interface PlotProps<T> extends ColorPaletteAddon {
    /** plot data - following web-components' API, not Plotly's */
    data?: T;
    /** Title of plot. */
    title?: string;
    /** Should plot legend be displayed? Default is yes */
    displayLegend?: boolean;
    /** CSS styles for enclosing div
     * Default is { width: '100%', height: '400px' }
     */
    containerStyles?: CSSProperties;
    /** class name for enclosing div. Default is web-components-plot */
    containerClass?: string;
    /** Enables mouse-overs and interaction if true. Default false. */
    interactive?: boolean;
    /** show Plotly's mode bar (only shows if interactive == true) */
    displayLibraryControls?: boolean;
    /** show a loading... spinner in the middle of the container div */
    showSpinner?: boolean;
    /** Show an overlay with the words 'No Data' */
    showNoDataOverlay?: boolean;
    /** Options for customizing plot legend layout and appearance. */
    legendOptions?: PlotLegendAddon;
    /** legend title */
    legendTitle?: string;
    /** Options for customizing plot placement. */
    spacingOptions?: PlotSpacingAddon;
    /** maximum number of characters for legend ellipsis */
    maxLegendTextLength?: number;
    /** original independent axis tick labels as data is changed at each component (barplot and boxplot)*/
    storedIndependentAxisTickLabel?: string[];
    /** list of checked legend items via checkbox input */
    checkedLegendItems?: string[];
    /** A function to call each time after plotly renders the plot */
    onPlotlyRender?: PlotParams['onUpdate'];
}
export declare const DEFAULT_CONTAINER_HEIGHT = "400px";
export declare const DEFAULT_MAX_LEGEND_TEXT_LENGTH = 20;
declare const PlotlyPlotWithRef: React.ForwardRefExoticComponent<Omit<PlotProps<unknown>, "data"> & PlotParams & React.RefAttributes<PlotRef>>;
/**
 * Factory function to create a component that delegates to `PlotlyPlotWithRef`.
 * This encapsulates ref forwarding. See {@link PlotRef}.
 */
export declare function makePlotlyPlotComponent<S extends {
    data?: T;
}, T>(displayName: string, transformProps: (props: S) => Omit<PlotProps<T>, 'data'> & PlotParams): React.ForwardRefExoticComponent<React.PropsWithoutRef<S> & React.RefAttributes<PlotRef>>;
export default PlotlyPlotWithRef;
//# sourceMappingURL=PlotlyPlot.d.ts.map