import { ShapeRendering, StrokeOptions } from "./utils_svg_types";
export type ChartSparkDataset = StrokeOptions & {
    name: string;
    values: Array<number | null>;
    periods?: string[];
};
export type ChartSparkOptions = {
    areaOpacity?: number;
    /**
     * @option the color of x and y axis lines
     * @default "#CCCCCC"
     */
    axisColor?: string;
    /**
     * @option the background color applied to the chart
     * @default "#FFFFFF"
     */
    backgroundColor?: string;
    /**
     * @option pass any strings separated by a space to generate class names. Example: "my-class1 my-class2".
     */
    className?: string;
    /**
     * @option font family for all text elements.
     * @default "inherit"
     */
    fontFamily?: string;
    /**
     * @option the id of the svg. Defaults to a random uid
     */
    id?: string;
    /**
     * @option the color of the line and circle indicators
     * @default ""
     */
    indicatorColor?: string;
    /**
     * @option the left starting point of the chart area
     * @default 3
     */
    paddingLeft?: number;
    /**
     * @option the right ending point of the chart area
     * @default 3
    */
    paddingRight?: number;
    /**
     * @option the bottom ending point of the chart area
     * @default 3
    */
    paddingBottom?: number;
    /**
     * @option standard svg rendering
     * @default "auto"
     */
    "shape-rendering"?: ShapeRendering;
    /**
     * @option show or hide grid lines
     * @default true
     */
    showGrid?: boolean;
    /**
     * @option The rounding of the hovered value information
     * @default 0
     */
    rounding?: number;
    /**
     * @option show or hide the area
     * @default true
     */
    showArea?: boolean;
    /**
     * @option show or hide the dataset name in the title element
     * @default true
     */
    showTitle?: boolean;
    /**
     * @option show or hide the period and value of the hovered datapoint
     * @default true
     */
    showValueOnHover?: boolean;
    /**
     * @option to make the line or area path smooth
     * @default false
     */
    /**
     * @option the font size of the title & information on hover
     * @default 8
     */
    titleFontSize?: number;
    /**
     * @option the font weight of the title and information on hover
     * @default "normal"
     */
    titleFontWeight?: string;
    /**
     * @option the viewBox dimensions of the chart's svg
     * @default "0 0 192 64"
     */
    viewBox?: string;
};
export declare function chartSparkline({ dataset, options, parent, }: {
    dataset: ChartSparkDataset;
    options?: ChartSparkOptions;
    parent?: HTMLElement;
}): {
    chart: SVGElement;
    refresh: (rootNode: HTMLElement) => any | undefined;
    updateData: (ds: ChartSparkDataset) => any | undefined;
};
declare const utils_chart_spark: {
    chartSparkline: typeof chartSparkline;
};
export default utils_chart_spark;