import { CommonProps, IconColors, type Styleable } from "@trackunit/react-components";
import { IconName } from "@trackunit/ui-icons";
import { MouseEvent, ReactNode } from "react";
type TimelineElementTimestampFormat = "time" | "date" | "date-time";
interface TimeLineElementProps extends CommonProps, Styleable {
    date?: Date;
    timestampFormat?: TimelineElementTimestampFormat;
    header?: ReactNode;
    children?: ReactNode;
    customDot?: {
        name: IconName;
        color: IconColors;
        keepOnSelection?: boolean;
    };
    onClick?: (e?: MouseEvent<HTMLDivElement>) => void;
    actionButton?: {
        label: string;
        iconName: IconName;
    };
    selected?: boolean;
    lineStyle?: "solid" | "dashed";
    hoverBehavior?: boolean;
}
/**
 * TimelineElement - entry on a timeline - rendered with an icon on the timeline
 * - a date as the header and the children provided as body.
 *
 * @param {TimeLineElementProps} props the props
 * @returns {ReactElement} component
 */
export declare const TimelineElement: ({ date, children, className, style, "data-testid": dataTestId, header, onClick, actionButton, selected, customDot, lineStyle, hoverBehavior, timestampFormat, }: TimeLineElementProps) => import("react/jsx-runtime").JSX.Element;
export {};