import * as React from "react";
/**
* Represents the configurable props for the {@link Timeline} component.
*
* @remarks
* Extends native `
` attributes so timelines can expose test hooks, ARIA metadata,
* and layout overrides while delegating item composition to child components.
*/
interface TimelineProps extends React.HTMLAttributes {
/**
* Timeline items composed as children.
*/
children: React.ReactNode;
}
/**
* Represents the configurable props for the {@link TimelineItem} component.
*/
interface TimelineItemProps extends React.HTMLAttributes {
/**
* The composed timeline dot and content for an individual event.
*/
children: React.ReactNode;
}
/**
* Represents the configurable props for the {@link TimelineDot} component.
*/
type TimelineDotProps = React.HTMLAttributes;
/**
* Represents the configurable props for the {@link TimelineContent} component.
*/
interface TimelineContentProps extends React.HTMLAttributes {
/**
* Content rendered alongside the timeline marker.
*/
children: React.ReactNode;
}
/**
* A vertical timeline container for displaying chronological events.
*
* @remarks
* **Rendering Context**: Server- and client-compatible presentational component.
*
* Compose it with {@link TimelineItem}, {@link TimelineDot}, and {@link TimelineContent}
* to render milestones, release notes, audit trails, or journey steps in order.
*
* @example
* ```tsx
*
*
*
* Account created
*
*
* ```
*
* @see {@link TimelineItem}
* @see {@link TimelineContent}
*/
declare const Timeline: React.ForwardRefExoticComponent>;
/**
* A single event row within a {@link Timeline}.
*
* @remarks
* Renders a flex row that aligns a marker with its corresponding content block.
*
* @example
* ```tsx
*
*
* Invoice submitted
*
* ```
*
* @see {@link Timeline}
*/
declare const TimelineItem: React.ForwardRefExoticComponent>;
/**
* A visual marker used to indicate a timeline event point.
*
* @remarks
* The dot is decorative by default and is removed from the accessibility tree with
* `aria-hidden="true"`.
*
* @example
* ```tsx
*
* ```
*
* @see {@link TimelineItem}
*/
declare const TimelineDot: React.ForwardRefExoticComponent>;
/**
* The content container rendered beside a {@link TimelineDot}.
*
* @remarks
* Use this wrapper for text, metadata, or richer composed content associated with a
* timeline event.
*
* @example
* ```tsx
*
* Version 1.0 released
*
* ```
*
* @see {@link Timeline}
*/
declare const TimelineContent: React.ForwardRefExoticComponent>;
export { Timeline, TimelineContent, TimelineDot, TimelineItem };
export type { TimelineContentProps, TimelineDotProps, TimelineItemProps, TimelineProps };
//# sourceMappingURL=timeline.d.ts.map