import * as React from 'react';
import {PropsWithChildren} from "react";

export type HorizontalTimelineItemSkin = 'dark' | 'light';

interface HorizontalTimelineItem {
  label: string;
  skin?: HorizontalTimelineItemSkin;
  icon?: React.ReactNode;
  width?: React.CSSProperties['width'];
}

export interface HorizontalTimelineProps {
  dataHook?: string;
  className?: string;
  items: HorizontalTimelineItem[];
}

export default class HorizontalTimeline extends React.PureComponent<PropsWithChildren<HorizontalTimelineProps>> {
  static DefaultIcon: React.FC;
  static ActiveIcon: React.FC;
  static DestructiveIcon: React.FC;
  static CompleteIcon: React.FC;
}