import { HTMLAttributes, Ref } from 'react';
import { IComponentBaseProps } from '../types';
export declare const TIMELINE = "timeline";
export declare const TIMELINE_START = "timeline-start";
export declare const TIMELINE_MIDDLE = "timeline-middle";
export declare const TIMELINE_END = "timeline-end";
export declare const TIMELINE_BOX = "timeline-box";
export declare const TIMELINE_SNAP_ICON = "timeline-snap-icon";
export declare const TIMELINE_COMPACT = "timeline-compact";
export type TimelineDirection = "horizontal" | "vertical";
export declare const DIRECTION_MAP: Record<TimelineDirection, string>;
export interface TimelineProps extends HTMLAttributes<HTMLUListElement>, IComponentBaseProps {
    ref?: Ref<HTMLUListElement>;
    /** Layout direction. Default: horizontal (daisyUI default). */
    direction?: TimelineDirection;
    /** Snap icons to the start instead of the middle. */
    snapIcon?: boolean;
    /** Force all items on one side. */
    compact?: boolean;
}
export interface TimelineItemProps extends HTMLAttributes<HTMLLIElement>, IComponentBaseProps {
    ref?: Ref<HTMLLIElement>;
}
export interface TimelineSideProps extends HTMLAttributes<HTMLDivElement>, IComponentBaseProps {
    ref?: Ref<HTMLDivElement>;
    /** Apply timeline-box styling. */
    box?: boolean;
}
export interface TimelineMiddleProps extends HTMLAttributes<HTMLDivElement>, IComponentBaseProps {
    ref?: Ref<HTMLDivElement>;
}
export interface TimelineConnectorProps extends HTMLAttributes<HTMLHRElement>, IComponentBaseProps {
    ref?: Ref<HTMLHRElement>;
}