import * as React from 'react';
import { type SeriesId } from "../models/seriesType/common.js";
/**
 * @deprecated Use `LineClasses` instead.
 */
export interface LineHighlightElementClasses {
  /** Styles applied to the root element. */
  root: string;
}
/**
 * @deprecated Use `LineClassKey` instead.
 */
export type HighlightElementClassKey = keyof LineHighlightElementClasses;
interface LineHighlightElementCommonProps {
  id: SeriesId;
  color: string;
  x: number;
  y: number;
  classes?: Partial<LineHighlightElementClasses>;
}
/**
 * @deprecated Use `getLineUtilityClass` instead.
 */
export declare function getHighlightElementUtilityClass(slot: string): string;
/**
 * @deprecated Use `lineClasses` instead.
 */
export declare const lineHighlightElementClasses: LineHighlightElementClasses;
export type LineHighlightElementProps = (LineHighlightElementCommonProps & ({
  shape: 'circle';
} & Omit<React.SVGProps<SVGCircleElement>, 'ref' | 'id'>)) | (LineHighlightElementCommonProps & {
  shape: 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye';
} & Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'>);
/**
 * Demos:
 *
 * - [Lines](https://mui.com/x/react-charts/lines/)
 * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
 *
 * API:
 *
 * - [LineHighlightElement API](https://mui.com/x/api/charts/line-highlight-element/)
 */
declare function LineHighlightElement(props: LineHighlightElementProps): import("react/jsx-runtime").JSX.Element;
declare namespace LineHighlightElement {
  var propTypes: any;
}
export { LineHighlightElement };