import { default as React } from 'react';
export type LineChartCurve = "linear" | "smooth" | "step";
export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
    /**
     * Chart data.
     *
     * Example:
     * [
     *   {"label":"Jan","value":120},
     *   {"label":"Feb","value":180}
     * ]
     *
     * @type|complex
     * @schema {
     *   "type":"array",
     *   "items":{
     *     "type":"object",
     *     "properties":{
     *       "label":{"type":"string"},
     *       "value":{"type":"number"},
     *       "data":{"type":"object"}
     *     }
     *   }
     * }
     */
    data?: any[];
    categoryKey?: string;
    valueKey?: string;
    height?: number;
    minValue?: number;
    maxValue?: number;
    /** @select|linear|smooth|step */
    curve?: LineChartCurve;
    showGrid?: boolean;
    showXAxis?: boolean;
    showYAxis?: boolean;
    showPoints?: boolean;
    showValues?: boolean;
    showTooltip?: boolean;
    gridLines?: number;
    lineWidth?: number;
    pointSize?: number;
    /**
     * Main line color.
     *
     * @color
     */
    lineColor?: string;
    /**
     * Point color.
     *
     * @color
     */
    pointColor?: string;
    /**
     * Hovered point color.
     *
     * @color
     */
    hoverColor?: string;
    /**
     * Grid color.
     *
     * @color
     */
    gridColor?: string;
    /**
     * Axis/label color.
     *
     * @color
     */
    textColor?: string;
    /**
     * Root customization.
     *
     * @type|class
     * @schema [
     *   {
     *     "key":"Width",
     *     "prefix":"w",
     *     "type":"select",
     *     "options":[
     *       {"key":"full","label":"Full Width"},
     *       {"key":"64","label":"Small"},
     *       {"key":"80","label":"Medium"},
     *       {"key":"96","label":"Large"}
     *     ]
     *   },
     *   {
     *     "key":"Background",
     *     "prefix":"bg",
     *     "type":"select",
     *     "options":[
     *       {"key":"white","label":"White"},
     *       {"key":"gray-50","label":"Gray 50"},
     *       {"key":"gray-900","label":"Gray 900"},
     *       {"key":"transparent","label":"Transparent"}
     *     ]
     *   },
     *   {
     *     "key":"Radius",
     *     "prefix":"rounded",
     *     "type":"select",
     *     "options":[
     *       {"key":"none","label":"None"},
     *       {"key":"md","label":"Medium"},
     *       {"key":"lg","label":"Large"},
     *       {"key":"xl","label":"Extra Large"},
     *       {"key":"2xl","label":"2XL"}
     *     ]
     *   }
     * ]
     */
    className?: string;
    /**
     * SVG/chart customization.
     *
     * @type|class
     */
    chartClassName?: string;
    /** @type|function */
    onPointClick?: (item: any, index: number) => void;
    /** @type|function */
    onPointHover?: (item: any, index: number) => void;
    /** @type|function */
    onPointHoverEnd?: (item: any, index: number) => void;
}
export default function LineChart({ data, categoryKey, valueKey, height, minValue, maxValue, curve, showGrid, showXAxis, showYAxis, showPoints, showValues, showTooltip, gridLines, lineWidth, pointSize, lineColor, pointColor, hoverColor, gridColor, textColor, className, chartClassName, onPointClick, onPointHover, onPointHoverEnd, style, ...props }: LineChartProps): import("react/jsx-runtime").JSX.Element;