import type {IDotLine} from '../../../molecules/dot-line';
import type {
    TimelineGetVariantType,
    ITimelineStepItem,
} from '../timeline-step.type';

const getActiveStatusIndex = <T>(
    steps: ITimelineStepItem<T>[],
    status: T,
): number =>
    steps.findIndex((step: ITimelineStepItem<T>) => step.name == status);

export const getVariantHof = <T>(
    steps: ITimelineStepItem<T>[],
    status: T,
): TimelineGetVariantType => {
    const activeStatusIndex: number = getActiveStatusIndex(steps, status);

    return (index: number): IDotLine['variant'] => {
        switch (true) {
            case index > activeStatusIndex:
                return 'inactive';
            case index == activeStatusIndex:
                return 'active';
            default:
                return 'normal';
        }
    };
};