import React from 'react';
import type { ChartOptions } from 'chart.js';
export interface LineChartDataset {
    /**
     * Label for the dataset
     */
    label: string;
    /**
     * Data points for the dataset
     */
    data: number[];
    /**
     * Border color for the dataset
     */
    borderColor?: string;
    /**
     * Background color for the dataset
     */
    backgroundColor?: string;
    /**
     * Whether to fill the area under the line
     */
    fill?: boolean;
    /**
     * Tension of the line (0 = straight lines, 1 = smooth curve)
     */
    tension?: number;
}
export interface LineChartProps {
    /**
     * Title of the chart
     */
    title?: string;
    /**
     * Labels for the x-axis
     */
    labels: string[];
    /**
     * Datasets for the chart
     */
    datasets: LineChartDataset[];
    /**
     * Height of the chart
     * @default '300px'
     */
    height?: string | number;
    /**
     * Whether to show the legend
     * @default true
     */
    showLegend?: boolean;
    /**
     * Whether to animate the chart
     * @default true
     */
    animate?: boolean;
    /**
     * Custom options for the chart
     */
    options?: ChartOptions<'line'>;
}
/**
 * LineChart component for visualizing data as a line chart
 */
export declare const LineChart: React.FC<LineChartProps>;
export default LineChart;
//# sourceMappingURL=LineChart.d.ts.map