import { LegendItem } from './types/legend.js'; import { StylingProps } from '../../../../../core/types/styling-props.js'; import type { TruncationMode } from '../../../../../typography/text-ellipsis/TextEllipsis.js'; import { ChartLegendOrientation } from '../../../types/legend.js'; import type { SeriesActions } from '../../../types/series-actions-template.js'; /** * @internal */ export interface ChartLegendProps extends StylingProps { /** The series of the legend */ items: LegendItem[]; /** Chart orientation ** @defaultValue 'horizontal' */ orientation?: ChartLegendOrientation; /** Sometimes no legend interactions are allowed (while tooltip is pinned) */ interactionsDisabled?: boolean; /** Called when the user hovers over a legend item */ onHover?: (hoveredSeries?: LegendItem) => void; /** Called when the user click the legend item */ onClick?: (visible: LegendItem[]) => void; /** Called when the user performs a legend action */ onSeriesAction?: SeriesActions; /** * Truncation mode to use (start, middle, end) * Applied to all the parts that truncate text. * @defaultValue 'middle' */ truncationMode?: TruncationMode; } /** * @internal */ export declare const ChartLegend: { (props: ChartLegendProps): import("react/jsx-runtime").JSX.Element; displayName: string; };