import React from 'react'; import { Middleware } from '@floating-ui/react'; export declare const ChartTooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; interface ChartTooltipItemProps { label: React.ReactNode; value: React.ReactNode; isHovered?: boolean; legendIcon?: React.ReactNode; } export declare const ChartTooltipItem: React.FC; export declare const ChartTooltipHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; export declare const ChartTooltipItemsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; export declare const ChartTooltipSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>; export type TooltipDateFormat = 'day-month-abbreviated-year-hour-minute' | 'day-month-abbreviated-hour-minute-second' | 'day-month-abbreviated-hour-minute'; export type TooltipHeaderProps = { duration: number; value: string | number; }; /** * Tooltip header component * @param duration - Duration in seconds * @param value - Value to format * @returns Formatted string type */ export declare const TooltipHeader: ({ duration, value }: TooltipHeaderProps) => import("react/jsx-runtime").JSX.Element; export interface ChartTooltipPortalProps { children: React.ReactNode; coordinate?: { x: number; y: number; }; chartContainerRef: React.RefObject; isVisible?: boolean; middleware?: Middleware[]; offset?: number | (({ placement }: { placement: string; }) => number); customPosition?: (chartRect: DOMRect, coordinate?: { x: number; y: number; }) => { x: number; y: number; }; containerComponent?: React.ComponentType; } export declare const ChartTooltipPortal: React.FC; export {}; //# sourceMappingURL=ChartTooltip.d.ts.map