import * as React from 'react';
import { IHeaderProps } from '@megafon/ui-core/dist/lib/components/Header/Header';
import './ImageBanner.scss';
export declare const BackgroundColor: {
    readonly TRANSPARENT: "transparent";
    readonly GREEN: "green";
    readonly PURPLE: "purple";
    readonly SPB_SKY_0: "spbSky0";
    readonly GRADIENT: "gradient";
    readonly LIGHT: "light";
};
export type BackgroundColorType = (typeof BackgroundColor)[keyof typeof BackgroundColor];
export declare const Radius: {
    readonly CORNERS: "corners";
    readonly ROUNDED: "rounded";
};
export type RadiusType = (typeof Radius)[keyof typeof Radius];
export declare const NavTheme: {
    readonly LIGHT: "light";
    readonly DARK: "dark";
};
export type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
export declare const ImageVerticalAlign: {
    readonly TOP: "top";
    readonly CENTER: "center";
    readonly BOTTOM: "bottom";
};
export type ImageVerticalAlignType = (typeof ImageVerticalAlign)[keyof typeof ImageVerticalAlign];
export interface IImageBannerProps {
    /** Дополнительные data атрибуты к внутренним элементам */
    dataAttrs?: {
        root?: Record<string, string>;
        image?: Record<string, string>;
    };
    /** Дополнительный класс корневого элемента */
    className?: string;
    /** Дополнительные классы для корневого и внутренних элементов */
    classes?: {
        root?: string;
        image?: string;
        imageSource?: string;
        title?: string;
        description?: string;
        cost?: string;
        badgesContainer?: string;
        badges?: string;
        adBlock?: string;
        children?: string;
    };
    /** Ссылка на корневой элемент */
    rootRef?: React.Ref<HTMLDivElement>;
    /** Заголовок */
    title?: string | React.ReactNode | React.ReactNode[];
    /** Текст-описание */
    description?: string | React.ReactNode | React.ReactNode[];
    /** Строка со стоимостью услуги */
    cost?: string;
    /** Тег заголовка на разрешении экрана 0-767 */
    headerLevelMobile?: 'h1' | 'h2';
    /** Тег заголовка на разрешении экрана 768+ */
    headerLevel?: 'h1' | 'h2';
    /** Тег заголовка для семантической разметки (переопределение тега без изменения стилей) */
    headerTag?: IHeaderProps['tag'];
    /** Фоновый цвет */
    backgroundColor?: BackgroundColorType;
    /** Радиус границы */
    radius?: RadiusType;
    /** Изображение на разрешении экрана 0-1023 */
    imageMobile?: string;
    /** Изображение 2x на разрешении экрана 0-1023 */
    imageMobile2x?: string;
    /** Изображение на разрешении экрана 1024+ */
    imageDesktop?: string;
    /** Изображение на разрешении экрана 1024+ */
    imageDesktop2x?: string;
    /** Значение тега alt для изображения */
    imageAlt?: string;
    /** Выравнивание изображения по вертикали (по умолчанию center) */
    imageVerticalAlign?: ImageVerticalAlignType;
    /** Приоритет загрузки изображения */
    fetchPriority?: 'auto' | 'high' | 'low';
    /** Высота баннера зависит от высоты контента (по умолчанию фиксированная) */
    autoHeight?: boolean;
    /** Изображение растягивается на всю высоту на разрешении экрана 0-1023 */
    fullHeightOnMobile?: boolean;
    /** Изображение растягивается на всю ширину или вписывается в фиксированный фрейм (по умолчанию фрейм) */
    isImageFullWidth?: boolean;
    /** Бейджи */
    badges?: JSX.Element[] | JSX.Element;
    /** Элемент блока с рекламой */
    adBlock?: JSX.Element | null;
    /** Отступ сверху */
    hasMarginTop?: boolean;
    children?: React.ReactNode;
}
declare const ImageBanner: React.FC<IImageBannerProps>;
export default ImageBanner;
