import { type ElementType } from 'react'; import { type TIMELINE_MARKER } from '../components/Timeline/constants'; import type { BackgroundAccentColorsType, BackgroundColorsDictionaryType, BackgroundEmotionColorsType, BorderAccentColorsType, BorderColorsDictionaryType, BorderEmotionColorsType, ChildrenProps, SingleOrResponsive, SizesDictionaryType, StyleProps, TextColorProps } from './shared'; export type TimelineBaseProps = { size?: SingleOrResponsive; }; export type TimelineProps = { elementType?: E; }; export type TimelineStepProps = { elementType?: E; }; export type TimelineMarkerType = (typeof TIMELINE_MARKER)[keyof typeof TIMELINE_MARKER]; export interface TimelineMarkerProps { variant?: TimelineMarkerType; backgroundColor?: BackgroundAccentColorsType | BackgroundEmotionColorsType | BackgroundColorsDictionaryType; textColor?: TextColorProps['textColor']; borderColor?: BorderAccentColorsType | BorderEmotionColorsType | BorderColorsDictionaryType; } export interface SpiritTimelineProps extends TimelineProps, TimelineBaseProps, ChildrenProps, StyleProps { } export interface SpiritTimelineStepProps extends TimelineStepProps, ChildrenProps, StyleProps { } export interface SpiritTimelineMarkerProps extends TimelineMarkerProps, ChildrenProps, StyleProps { } export interface SpiritTimelineHeadingProps extends ChildrenProps, StyleProps { } export interface SpiritTimelineContentProps extends ChildrenProps, StyleProps { }