1 | import React, { CSSProperties, ReactNode } from 'react';
|
2 | export type TooltipType = 'none';
|
3 | export type ValueType = number | string | Array<number | string>;
|
4 | export type NameType = number | string;
|
5 | export type Formatter<TValue extends ValueType, TName extends NameType> = (value: TValue, name: TName, item: Payload<TValue, TName>, index: number, payload: Array<Payload<TValue, TName>>) => [React.ReactNode, TName] | React.ReactNode;
|
6 | export interface Payload<TValue extends ValueType, TName extends NameType> {
|
7 | type?: TooltipType;
|
8 | color?: string;
|
9 | formatter?: Formatter<TValue, TName>;
|
10 | name?: TName;
|
11 | value?: TValue;
|
12 | unit?: ReactNode;
|
13 | dataKey?: string | number;
|
14 | payload?: any;
|
15 | chartType?: string;
|
16 | stroke?: string;
|
17 | strokeDasharray?: string | number;
|
18 | strokeWidth?: number | string;
|
19 | className?: string;
|
20 | hide?: boolean;
|
21 | }
|
22 | export interface Props<TValue extends ValueType, TName extends NameType> {
|
23 | separator?: string;
|
24 | wrapperClassName?: string;
|
25 | labelClassName?: string;
|
26 | formatter?: Formatter<TValue, TName>;
|
27 | contentStyle?: CSSProperties;
|
28 | itemStyle?: CSSProperties;
|
29 | labelStyle?: CSSProperties;
|
30 | labelFormatter?: (label: any, payload: Array<Payload<TValue, TName>>) => ReactNode;
|
31 | label?: any;
|
32 | payload?: Array<Payload<TValue, TName>>;
|
33 | itemSorter?: (item: Payload<TValue, TName>) => number | string;
|
34 | accessibilityLayer?: boolean;
|
35 | }
|
36 | export declare const DefaultTooltipContent: <TValue extends ValueType, TName extends NameType>(props: Props<TValue, TName>) => React.JSX.Element;
|