@kloudlite/design-system/organisms/progress-tracker.d.ts

A design system for building ambitious products.

import { ReactNode } from 'react';
import { ChildrenProps } from '../types';
type IProgressTrackerItem<I = any> = {
    active?: boolean;
    completed?: boolean;
} & I;
declare function ProgressTrackerItem<I = any>(props: IProgressTrackerItem<I> & ChildrenProps): import("react/jsx-runtime").JSX.Element;
export type ProgressItemProps<I = any, V = any> = {
    item: IProgressTrackerItem<I>;
    value: V;
};
interface IProgressTracker<I = any, V = any> {
    children: (item: IProgressTrackerItem<I>) => ReactNode;
    onClick?: (item: V) => void;
    items: {
        item: IProgressTrackerItem<I>;
        value: V;
    }[];
}
declare function Root<I = any, V = any>({ children, items, onClick, }: IProgressTracker<I, V>): import("react/jsx-runtime").JSX.Element;
declare const ProgressTracker: {
    Root: typeof Root;
    Item: typeof ProgressTrackerItem;
};
export default ProgressTracker;