import { SizeTokenValue, QA, PropsWithChildren } from '../common';
import { HTMLAttributes, ReactNode } from 'react';
import { CSSObject } from '@emotion/react';
export declare enum BannerVariant {
    DefaultBlue = "defaultBlue",
    DefaultGrey = "defaultGrey",
    Success = "success",
    Warning = "warning",
    Error = "error"
}
export type BannerStyles = {
    /** Вариант */
    variant: BannerVariant | `${BannerVariant}`;
    /** Размер */
    size: SizeTokenValue | `${SizeTokenValue}`;
    /** Цвет текста */
    color?: string;
} & Pick<CSSObject, 'backgroundColor' | 'borderColor' | 'width' | 'maxWidth'>;
export type BannerProps = {
    /**
     * boolean - Показывать иконку по "варианту"
     *
     * ReactNode - Кастомная иконка
     * */
    icon?: boolean | ReactNode;
    /** Заголовок */
    title?: ReactNode;
    /** Контрол справа */
    actionsTop?: ReactNode;
    /** Контрол снизу */
    actionsBottom?: ReactNode;
    /** Обработчик закрытия */
    onClose?: () => void;
} & Partial<BannerStyles> & QA & PropsWithChildren & Pick<HTMLAttributes<HTMLDivElement>, 'className'>;