import { type PropsWithChildren } from 'react';
import type { AnnotationsChartProps } from './types/annotations-chart-props.js';
import { AnnotationsChartRef } from './types/annotations-chart-ref.js';
export declare const _AnnotationsChart: (props: AnnotationsChartProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<AnnotationsChartRef>) => import("react").ReactElement | null;
/**
 * The `AnnotationsChart` is a visualization tool designed to highlight significant events or data points
 * on a timeline or other graph types. It allows you to annotate specific moments with labels or markers,
 * providing additional context or insights directly within the chart. This chart can be used standalone
 * or integrated with other chart types, such `HistogramChart` or  `TimeseriesChart`, to enrich the data presentation
 * by drawing attention to each event.
 * @public
 */
export declare const AnnotationsChart: ((props: AnnotationsChartProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<AnnotationsChartRef>) => import("react").ReactElement | null) & {
    Track: {
        (props: PropsWithChildren<import("../index.js").AnnotationsTrackProps>): null;
        displayName: string;
    };
    Marker: {
        (props: import("../index.js").AnnotationsMarkerProps): null;
        displayName: string;
    };
    XAxis: {
        (props: import("../index.js").XAxisProps): null;
        displayName: string;
    };
    Tooltip: {
        (props: import("../index.js").AnnotationsTooltipProps): null;
        displayName: string;
    };
    EmptyState: ({ children }: import("../index.js").EmptyStateProp) => import("react/jsx-runtime").JSX.Element;
    ErrorState: ({ children }: import("../index.js").ErrorStateProps) => import("react/jsx-runtime").JSX.Element;
};