import { type SxProps, type Theme } from '@mui/material/styles';
import * as React from 'react';
import { type ChartsLayerContainerProps } from "../ChartsLayerContainer/index.js";
export interface ChartsSurfaceProps extends Omit<React.SVGProps<SVGSVGElement>, 'id' | 'children' | 'className' | 'height' | 'width' | 'cx' | 'cy' | 'viewBox' | 'color' | 'ref'>, Pick<ChartsLayerContainerProps, 'title' | 'desc'> {
  className?: string;
  sx?: SxProps<Theme>;
  children?: React.ReactNode;
}
/**
 * A helper component that combines `<ChartsLayerContainer>` and `<ChartsSvgLayer>` to provide a surface for drawing charts.
 * If you need more control over the layers, you can use `<ChartsLayerContainer>` and `<ChartsSvgLayer>` separately.
 *
 * Demos:
 *
 * - [Composition](https://mui.com/x/api/charts/composition/)
 *
 * API:
 *
 * - [ChartsSurface API](https://mui.com/x/api/charts/charts-surface/)
 */
declare const ChartsSurface: React.ForwardRefExoticComponent<ChartsSurfaceProps & React.RefAttributes<HTMLDivElement>>;
export { ChartsSurface };