import * as React from 'react';
import { Props as BreadcrumbsPropsType } from '../Breadcrumbs/Breadcrumbs';
import './VideoBanner.scss';
export type BreadCrumbsItemsType = BreadcrumbsPropsType['items'];
export declare const testIdPrefix = "VideoBanner";
export declare enum ClassName {
    BUTTON = "button",
    LINK = "link"
}
export declare const VideoType: {
    readonly YOUTUBE: "youtube";
    readonly VIDEO: "video";
};
type VideoType = (typeof VideoType)[keyof typeof VideoType];
export declare const ButtonColor: {
    readonly GREEN: "green";
    readonly PURPLE: "purple";
};
export type ButtonColorType = (typeof ButtonColor)[keyof typeof ButtonColor];
export declare const TextColor: {
    readonly BLACK: "black";
    readonly WHITE: "white";
};
type TextColorType = (typeof TextColor)[keyof typeof TextColor];
export interface IContent {
    /** Заголовок */
    title: string;
    /** Текст-описание */
    description: string;
    /** Текст кнопки */
    buttonTitle?: string;
    /** Ссылка на кнопке */
    buttonHref?: string;
    /** Target свойство кнопки */
    buttonTarget?: '_self' | '_blank' | '_parent' | '_top';
    /** Добавляет атрибут download для тега <a> компонента Button */
    buttonDownload?: boolean;
    /** Добавляет атрибут rel для тега <a> компонента Button */
    buttonRel?: string;
    /** Цвет кнопки */
    buttonColor?: ButtonColorType;
    /** Обработчик клика по кнопке */
    onButtonClick?: (e: React.SyntheticEvent<EventTarget>) => void;
    /** Обработчик клика по ссылке */
    onLinkClick?: (e: React.SyntheticEvent<EventTarget>) => void;
    /** Цвет текста */
    textColor?: TextColorType;
    /** Цвет текста на мобильном разрешении */
    textColorMobile?: TextColorType;
    /** Текст ссылки */
    linkTitle?: string;
    /** Адрес ссылки */
    linkUrl?: string;
    /** Target свойство ссылки */
    linkTarget?: '_self' | '_blank' | '_parent' | '_top';
    /** Добавляет атрибут download для тега <a> компонента TextLink */
    linkDownload?: boolean;
    /** Добавляет атрибут rel для тега <a> компонента TextLink */
    linkRel?: string;
    /** Строка со стоимостью услуги */
    cost?: string;
}
export interface IVideoBannerProps {
    /** Дополнительные data атрибуты к внутренним элементам */
    dataAttrs?: {
        root?: Record<string, string>;
        breadcrumbs?: Record<string, string>;
        breadcrumbsLink?: Record<string, string>;
        button?: Record<string, string>;
        link?: Record<string, string>;
    };
    /** Дополнительный класс корневого элемента */
    className?: string;
    /** Дополнительные классы для корневого и внутренних элементов */
    classes?: {
        root?: string;
        button?: string;
        link?: string;
        breadcrumbs?: string;
        video?: string;
    };
    /** Ссылка на корневой элемент */
    rootRef?: React.Ref<HTMLDivElement>;
    /** Данные для блока с контентом */
    content?: IContent;
    /** Источник видео. */
    videoSrc?: string;
    /** Тип видео */
    videoType?: VideoType;
    /** Разрешить проигрывать видео на мобильном разрешении */
    videoMobile?: boolean;
    /** Наличие звука в видео */
    isMuted?: boolean;
    /** Изображение для мобильного разрешения */
    imageMobile: string;
    /** Изображение для планшетного разрешения */
    imageTablet: string;
    /** Изображение для компьютерного разрешения */
    imageDesktop?: string;
    /** Изображение для большого компьютерного разрешения */
    imageDesktopWide?: string;
    /** Значение тега alt для изображения */
    imageAlt?: string;
    /** Хлебные крошки */
    breadcrumbs?: BreadCrumbsItemsType;
    /** Включить микроразметку хлебных крошек */
    hasBreadcrumbsMicrodata?: boolean;
    /** Включить тень в нижней части компонента */
    bottomShadow?: boolean;
}
declare const VideoBanner: React.FC<IVideoBannerProps>;
export default VideoBanner;
