import React from 'react';
import { DefaultProps, FlowindColor, FlowindSize, Selectors } from '../../styles';
import { ForwardRefWithStaticComponents } from '../../utils/forwardRef-with-static-components';
import { TimelineItem, TimelineItemStylesNames } from './timeline-item/timeline-item';
import useStyles from './timeline.styles';
export type TimelineStylesNames = Selectors<typeof useStyles> | TimelineItemStylesNames;
export interface TimelineProps extends DefaultProps<TimelineStylesNames>, React.ComponentPropsWithRef<'div'> {
    variant?: string;
    /** <Timeline.Item /> components only */
    children: React.ReactNode;
    /** Index of active element */
    active?: number;
    /** Active color from theme */
    color?: FlowindColor;
    /** Key of theme.radius or any valid CSS value to set border-radius, "xl" by default */
    radius?: FlowindSize;
    /** Bullet size */
    bulletSize?: number | string;
    /** Timeline alignment */
    align?: 'right' | 'left';
    /** Line width */
    lineWidth?: number | string;
    /** Reverse active direction without reversing items */
    reverseActive?: boolean;
}
type TimelineComponent = ForwardRefWithStaticComponents<TimelineProps, {
    Item: typeof TimelineItem;
}>;
export declare const Timeline: TimelineComponent;
export {};