import type { DataPoint } from "@d3plus/data";
import type { AccessorFn } from "../utils/index.js";
import Shape, { type ShapeAes } from "./Shape.js";
/**
    Creates SVG lines based on an array of data.
*/
export default class Line extends Shape {
    _curve: AccessorFn;
    _defined: AccessorFn;
    _fill: AccessorFn;
    _hitArea: ((d: DataPoint, i: number, aes: ShapeAes) => Record<string, unknown>) | null;
    _name: string;
    _path: Record<string, unknown>;
    _stroke: AccessorFn;
    _strokeWidth: AccessorFn;
    _strokeDasharray: AccessorFn;
    /**
        Invoked when creating a new class instance, and overrides any default parameters inherited from Shape.
        @private
  */
    constructor();
    /**
        Filters/manipulates the data array before binding each point to an SVG group.
        @param data @private
  */
    _dataFilter(data: DataPoint[]): DataPoint[];
    /**
        Draws the lines.
      @param callback Optional callback invoked after rendering completes.
  */
    render(callback?: () => void): this;
    /**
        Given a specific data point and index, returns the aesthetic properties of the shape.
        @param data point*
        @param index @private
  */
    _aes(d: DataPoint, i: number): ShapeAes;
    /**
        The d3 curve function used to interpolate the line.
  */
    curve(): AccessorFn;
    curve(_: AccessorFn | string): this;
    /**
        An accessor function that determines whether a data point is defined (not a gap in the line).
  */
    defined(): AccessorFn;
    defined(_: AccessorFn): this;
}
