import { BulletItemProps } from '../BulletItem';
import { ChevronProps } from '../Chevron/Chevron.interface';
import { SetContainerProps } from '../SetContainer';
import { QuaternaryTypes } from '../utils/variant.types';
import { ReactNode } from 'react';

export interface ComparisonSetProps extends SetContainerProps {
    comparisonElements: ComparisonProps[];
    callToActionRow?: ChevronProps[];
}
export interface ComparisonProps {
    id?: string;
    headline?: ReactNode | string;
    variant: QuaternaryTypes;
    description?: ReactNode | undefined;
    bullets: BulletItemProps[];
    callToActionRow: ChevronProps[];
    keyFeature: ReactNode | string;
    keyFeatureDescription: ReactNode | string;
    highlightedFeature: boolean;
    index?: number;
    toggleState?: number;
    headerTab?: string;
    table?: ReactNode | string;
}