import { type PropsWithChildren } from 'react';
import { type GridProps } from '@dynatrace/strato-components/layouts';
/**
 * @internal
 */
export interface ChartGridProps {
    width: GridProps<'div'>['width'];
    height: GridProps<'div'>['height'];
    gridTemplateAreas: string;
    gridTemplateColumns: string;
    gridTemplateRows: string;
}
/**
 *
 * @internal
 * The layout used to have grid on a chart
 */
export declare const ChartGridRoot: (props: ChartGridProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null;
/** @internal */
export declare const ChartGrid: ((props: ChartGridProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
    PlotArea: import("react").MemoExoticComponent<({ children }: PropsWithChildren) => import("react/jsx-runtime.js").JSX.Element>;
    GridArea: ({ gridArea, children, ...rest }: import("./ChartGridArea.js").ChartGridAreaProps) => import("react/jsx-runtime.js").JSX.Element;
};