import * as React from 'react';
import { TooltipCommonProps } from '../common';
export type StackedBarChartItem = {
    label: string;
    values: number[];
};
export interface StackedBarChartProps {
    /** Applied as data-hook HTML attribute that can be used in the tests. */
    dataHook?: string;
    /**
     * Specifies a CSS class name to be appended to the component's root element.
     * @internal
     */
    className?: string;
    /** Sets the bars of the chart. Each item has a `label`, displayed on the x axis, and `values` that stack into one bar. Only as many bars as fit into `width` are rendered. */
    data?: StackedBarChartItem[];
    /** Tooltip template function. */
    tooltipTemplate?: (item: StackedBarChartItem) => React.ReactNode;
    /**
     * Props that modify the Tooltip created from text bar charts.
     * @linkTypeTo Tooltip
     * @setTypeName TooltipCommonProps
     */
    tooltipCommonProps?: TooltipCommonProps;
    /** Chart width (px).
     * @default 900
     */
    width?: number;
    /** Chart height (px).
     * @default 350
     */
    height?: number;
    /** Margin (px) for each side of the Chart. For example, to render a larger number of digits at the yAxis, increase the left margin. */
    margin?: {
        top: number;
        left: number;
        bottom: number;
        right: number;
    };
    /**
     * ##### Formats Y axis ticks
     *  * `param` {string} `rawValue` - a raw value e.g. 10000
     *  * `param` {string} `rawValue` - number formatted value, comma separated e.g. 10,000
     *  * `return` {string} - the value to be shown as Y axis tick
     */
    yAxisTickFormat?: (rawValue: string, parsedValue: string) => string;
    weight?: number;
}
//# sourceMappingURL=StackedBarChart.types.d.ts.map