import type { TruncationMode } from '../../../typography/text-ellipsis/TextEllipsis.js'; import type { BaseAnnotationsChartProps } from '../../core/components/annotations/types/annotations.js'; import type { TextOverflowOptions } from '../../core/components/annotations/types/marker.js'; /** * The AnnotationsChart component props * @public */ export interface AnnotationsChartProps extends BaseAnnotationsChartProps { /** * Custom width of the tracks labels. * @defaultValue 60 */ labelWidth?: number; /** * Show the loading indicator when truly. * @defaultValue false */ loading?: boolean; /** * The height of the chart. If a number is passed, it will be treated as px. * @defaultValue 300px */ height?: number | string; /** * The width of the chart. If a number is passed, it will be treated as px. * @defaultValue "100%" */ width?: number | string; /** Truncate will keep markers width */ textOverflow?: TextOverflowOptions; /** Where to truncate the text */ truncateMode?: TruncationMode; }