@szum-tech/design-system/dist/components/timeline/index.d.ts

Szum-Tech design system with tailwindcss support

import * as React from 'react';
import React__default from 'react';
import { D as Direction } from '../../direction-CUOPDLCj.js';

type TimelineDirection = Direction;
type TimelineOrientation = "vertical" | "horizontal";
type TimelineVariant = "default" | "alternate";
type TimelineStatus = "completed" | "active" | "pending";
type TimelineItemElement = HTMLDivElement;

type TimelineProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
    dir?: TimelineDirection;
    orientation?: TimelineOrientation;
    variant?: TimelineVariant;
    activeIndex?: number;
};
declare function Timeline({ orientation, variant, dir: dirProp, activeIndex, asChild, className, ...props }: TimelineProps): React.JSX.Element;

type TimelineItemProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function TimelineItem({ asChild, className, id, ref, ...props }: TimelineItemProps): React.JSX.Element;

type TimelineContentProps = React__default.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function TimelineContent({ asChild, className, ...props }: TimelineContentProps): React__default.JSX.Element;

type TimelineDotProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function TimelineDot({ asChild, className, ...props }: TimelineDotProps): React.JSX.Element;

type TimelineConnectorProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
    forceMount?: boolean;
};
declare function TimelineConnector({ asChild, forceMount, className, ...props }: TimelineConnectorProps): React.JSX.Element;

type TimelineHeaderProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function TimelineHeader({ asChild, className, ...props }: TimelineHeaderProps): React.JSX.Element;

type TimelineTitleProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function TimelineTitle({ asChild, className, ...props }: TimelineTitleProps): React.JSX.Element;

type TimelineDescriptionProps = React.ComponentProps<"div"> & {
    asChild?: boolean;
};
declare function TimelineDescription({ asChild, className, ...props }: TimelineDescriptionProps): React.JSX.Element;

type TimelineTimeProps = React.ComponentProps<"time"> & {
    asChild?: boolean;
};
declare function TimelineTime({ asChild, className, ...props }: TimelineTimeProps): React.JSX.Element;

export { Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, type TimelineDirection, TimelineDot, type TimelineDotProps, TimelineHeader, type TimelineHeaderProps, TimelineItem, type TimelineItemElement, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineStatus, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, type TimelineVariant };