import { BulletItemProps } from '../BulletItem';
import { ChevronProps } from '../Chevron/Chevron.interface';
import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
import { ReactNode } from 'react';
import { HeroVideoPosterProps } from './HeroVideoPoster';

export interface HeroImageInterface {
    src: string;
    alt?: string;
}
export type HeroBannerWithImage = {
    image?: HeroImageInterface;
    imagePlacement?: "Right" | "Left";
};
export type HeroBannerWithSelection = {
    isSelectionBanner?: boolean;
    selection?: {
        headline?: ReactNode;
        bodyCopy?: ReactNode;
        callToActionRow?: ChevronProps[];
    };
};
export interface HeroBannerInterface extends HeroBannerWithImage, HeroBannerWithSelection {
    id?: string;
    bannerType?: "Hero" | "Logout" | "Large" | "Video Poster" | "Extra Large";
    className?: string;
    variant?: string;
    eyebrow?: string | ReactNode;
    headline?: string | ReactNode;
    bodyCopy?: string | ReactNode;
    bullets: BulletItemProps[];
    subBodyCopy?: string | ReactNode;
    callToActionRow?: ChevronProps[];
    toast?: IconBillboardProps[];
    video?: HeroVideoPosterProps;
    videoTextPosition?: "default" | "top left" | "top right" | "bottom left" | "bottom right";
}