import { ReactNode, ReactElement } from 'react';
import { ChartGraphicElement, GraphicStyle } from '@axicharts/charts-canvas';

type ChartGraphicMarkProps = {
    element: ChartGraphicElement;
};
type GraphicRectMarkProps = {
    left?: number | string;
    top?: number | string;
    x?: number;
    y?: number;
    width?: number;
    height?: number;
    r?: number;
    style?: GraphicStyle;
    z?: number;
    id?: string;
};
type GraphicCircleMarkProps = {
    left?: number | string;
    top?: number | string;
    cx?: number;
    cy?: number;
    r?: number;
    style?: GraphicStyle;
    z?: number;
    id?: string;
};
type GraphicTextMarkProps = {
    left?: number | string;
    top?: number | string;
    text?: string;
    style?: GraphicStyle;
    z?: number;
    id?: string;
};
type GraphicLineMarkProps = {
    x1?: number;
    y1?: number;
    x2?: number;
    y2?: number;
    style?: GraphicStyle;
    z?: number;
    id?: string;
};
type GraphicGroupMarkProps = {
    left?: number | string;
    top?: number | string;
    children?: ReactNode;
    z?: number;
    id?: string;
};
type GraphicImageMarkProps = {
    left?: number | string;
    top?: number | string;
    image?: string;
    width?: number;
    height?: number;
    z?: number;
    id?: string;
};
declare function graphicMark(_props: ChartGraphicMarkProps): null;
declare function graphicRectMark(_props: GraphicRectMarkProps): null;
declare function graphicCircleMark(_props: GraphicCircleMarkProps): null;
declare function graphicTextMark(_props: GraphicTextMarkProps): null;
declare function graphicLineMark(_props: GraphicLineMarkProps): null;
declare function graphicGroupMark(_props: GraphicGroupMarkProps): null;
declare function graphicImageMark(_props: GraphicImageMarkProps): null;
declare const ChartGraphic: typeof graphicMark & {
    markKind: "graphic";
};
declare const GraphicRect: typeof graphicRectMark & {
    markKind: "graphicRect";
};
declare const GraphicCircle: typeof graphicCircleMark & {
    markKind: "graphicCircle";
};
declare const GraphicText: typeof graphicTextMark & {
    markKind: "graphicText";
};
declare const GraphicLine: typeof graphicLineMark & {
    markKind: "graphicLine";
};
declare const GraphicGroup: typeof graphicGroupMark & {
    markKind: "graphicGroup";
};
declare const GraphicImage: typeof graphicImageMark & {
    markKind: "graphicImage";
};
type GraphicMarkKind = typeof ChartGraphic.markKind | typeof GraphicRect.markKind | typeof GraphicCircle.markKind | typeof GraphicText.markKind | typeof GraphicLine.markKind | typeof GraphicGroup.markKind | typeof GraphicImage.markKind;

declare function composeChartGraphics(children: ReactNode): ChartGraphicElement[];

type GraphicOverlayProps = {
    width: number;
    height: number;
    graphics: ChartGraphicElement[];
    categories: string[];
    yMin: number;
    yMax: number;
    dualAxis?: boolean;
};
declare function GraphicOverlay({ width, height, graphics, categories, yMin, yMax, dualAxis, }: GraphicOverlayProps): ReactElement | null;

declare function useChartGraphics({ graphics, children, }: {
    graphics?: ChartGraphicElement[];
    children?: ReactNode;
}): ChartGraphicElement[];

export { ChartGraphic as C, GraphicCircle as G, GraphicGroup as a, GraphicImage as b, GraphicLine as c, GraphicOverlay as d, GraphicRect as e, GraphicText as f, composeChartGraphics as g, type ChartGraphicMarkProps as h, type GraphicCircleMarkProps as i, type GraphicGroupMarkProps as j, type GraphicImageMarkProps as k, type GraphicLineMarkProps as l, type GraphicMarkKind as m, type GraphicRectMarkProps as n, type GraphicTextMarkProps as o, useChartGraphics as u };