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

export interface ImageBillboardSetProps {
    id: string;
    headline?: string | ReactNode;
    bodyCopy?: string | ReactNode;
    imageBillboards: ImageBillboardInterface[];
    additionalDetails?: string | ReactNode;
    variant: QuaternaryTypes;
    set?: boolean;
    bordered?: boolean;
    layout?: "Inline" | "Stacked";
}
export interface BillboardImageInterface {
    src: string;
    alt?: string;
    imageType?: "Image" | "Background Image";
    imageAlignment?: string;
    imageBackgroundColor?: string;
    height?: string | number;
    width?: string | number;
}
export interface BillboardVideoInterface {
    videoId: string;
    videoPlayer: string;
    thubnailImage: string;
    transcript?: string;
}
export interface ImageBillboardInterface {
    id: string;
    headline: string | ReactNode;
    bodyCopy: string | ReactNode;
    bordered: boolean;
    imagePlacement: "right" | "left";
    className?: string;
    variant: QuaternaryTypes;
    eyebrow: string | ReactNode;
    bullets: BulletItemProps[];
    image?: BillboardImageInterface;
    video?: BillboardVideoInterface;
    callToActionRow: ChevronProps[];
    set?: boolean;
    textImageLineOneSmall?: ReactNode | string;
    textImageLineTwoBig?: ReactNode | string;
    textImageLineThreeSmall?: ReactNode | string;
    internalName?: string;
    exitIntent?: boolean;
    layout?: ImageBillboardSetProps["layout"];
    toast?: IconBillboardProps[];
}