import * as React from 'react';
import { Carousel } from '@megafon/ui-core';
import { BackgroundType, CardDataType, SubtitleSizeType, TitleColorType } from './types';
import './NumbersBox.scss';
type CarouselProps = React.ComponentProps<typeof Carousel>;
export interface INumbersBox {
    /** Список карточек. Минимальное количество 3 карточки */
    items: CardDataType[];
    /** Визуальный эффект фона для карточки */
    background?: BackgroundType;
    /** Цвет текста заголовка карточки */
    titleColor?: TitleColorType;
    /** Размер дополнительного текста карточки */
    subtitleSize?: SubtitleSizeType;
    /** Тема навигации для карусели */
    carouselNavTheme?: CarouselProps['navTheme'];
    /** Цвет градиента для карусели */
    carouselGradientColor?: CarouselProps['gradientColor'];
    /** Дополнительный css класс для корневого элемента */
    className?: string;
    /** Дополнительные css классы для корневого и внутренних элементов */
    classes?: {
        root?: string;
        card?: string;
    };
    /** Дополнительные data атрибуты к внутренним элементам */
    dataAttrs?: {
        root?: Record<string, string>;
        card?: Record<string, string>;
    };
    /** Ссылка на элемент */
    rootRef?: React.Ref<HTMLDivElement>;
}
declare const NumbersBox: React.FC<INumbersBox>;
export default NumbersBox;
