import * as React from 'react';
import { type SxProps, type Theme } from '@mui/material/styles';
import { type Direction } from "../ChartsLegend/index.js";
import { type Position } from "../models/index.js";
export interface ChartsWrapperProps {
  /**
   * The position of the legend.
   * @default { horizontal: 'center', vertical: 'bottom' }
   */
  legendPosition?: Position;
  /**
   * The direction of the legend.
   * @default 'horizontal'
   */
  legendDirection?: Direction;
  /**
   * If `true`, the legend is not rendered.
   * @default false
   */
  hideLegend?: boolean;
  /**
   * If `true`, the chart wrapper set `height: 100%`.
   * @default `false` if the `height` prop is set. And `true` otherwise.
   */
  extendVertically?: boolean;
  children: React.ReactNode;
  sx?: SxProps<Theme>;
}
/**
 * Wrapper for the charts components.
 * Its main purpose is to position the HTML legend in the correct place.
 */
declare function ChartsWrapper(props: ChartsWrapperProps): import("react/jsx-runtime").JSX.Element;
declare namespace ChartsWrapper {
  var propTypes: any;
}
export { ChartsWrapper };