/**
 * LineChart Molecule Component
 *
 * SVG-based line/area chart for time-series data.
 * Pure UI molecule with no entity binding.
 */
import React from 'react';
export interface ChartDataPoint {
    date: string | Date;
    value: number;
    label?: string;
}
export interface LineChartProps {
    /** Data points to plot */
    data: ChartDataPoint[];
    /** SVG viewBox width */
    width?: number;
    /** SVG viewBox height */
    height?: number;
    /** Show horizontal grid lines at 25/50/75% */
    showGrid?: boolean;
    /** Show value labels near data points */
    showValues?: boolean;
    /** Fill area under line with gradient */
    showArea?: boolean;
    /** Line stroke color */
    lineColor?: string;
    /** Area fill color (used for gradient) */
    areaColor?: string;
    /** Additional CSS classes */
    className?: string;
}
export declare const LineChart: React.FC<LineChartProps>;
