import { MutableRefObject } from 'react';
import './style.scss';
import type { ChartComponent, ChartSide, IBoxSize, IChartComponentProps, IChartSideProps, RenderableContent, IChartAxisSizing } from '@adam-sv/arc';
export type SVGRenderableContent = RenderableContent;
export interface IChartSVGRendererProps {
    children: SVGRenderableContent;
    className?: string;
    component: ChartComponent;
    domRef?: MutableRefObject<SVGSVGElement | null>;
    height: number;
    width: number;
    viewBox?: string;
}
export declare function SVGRenderer({ children, className, component, domRef, height, width, viewBox, }: IChartSVGRendererProps): import("react/jsx-runtime").JSX.Element;
export declare function Content({ className, children, id, showScrollBars, style, onContextMenu, onDrop, }: IChartComponentProps): import("react/jsx-runtime").JSX.Element | null;
export declare function Left(props: IChartSideProps): import("react/jsx-runtime").JSX.Element;
export declare function Top(props: IChartSideProps): import("react/jsx-runtime").JSX.Element;
export declare function Right(props: IChartSideProps): import("react/jsx-runtime").JSX.Element;
export declare function Bottom(props: IChartSideProps): import("react/jsx-runtime").JSX.Element;
export declare function ChartSideComponent({ className, children, label, id, side, showScrollBars, style, clipTypes, showCornerMaskBorder, }: IChartSideProps & {
    side: ChartSide;
}): import("react/jsx-runtime").JSX.Element | null;
export interface IChartLabelProps {
    children: RenderableContent;
    className?: string;
    side: ChartSide;
}
export declare function ChartLabel({ children, className, side }: IChartLabelProps): import("react/jsx-runtime").JSX.Element;
export interface IChartLegendProps {
    keys: {
        label: string;
        className: string;
        symbol?: RenderableContent;
    }[];
}
export declare function ChartLegend({ keys }: IChartLegendProps): import("react/jsx-runtime").JSX.Element;
export interface IChartCornerMaskBorder {
    axisSizes: IChartAxisSizing['sizes'];
    domPosition: Partial<Record<ChartSide, number>>;
    domSize: IBoxSize;
    side: ChartSide;
}
export declare function ChartCornerMaskBorder({ axisSizes, domPosition, domSize, side, }: IChartCornerMaskBorder): import("react/jsx-runtime").JSX.Element;