import * as React from 'react';
import { Carousel } from '@megafon/ui-core';
import { BackgroundColorType, CardDataType, SingleCardAlignType } from './types';
import './CardsOnBackground.scss';
type CarouselProps = React.ComponentProps<typeof Carousel>;
export interface ICardsOnBackground {
    /** Карточки. Минимальное количество 2 карточки */
    items: CardDataType[];
    /** Цвет фона карточек */
    background?: BackgroundColorType;
    /** Выстраивать карточки в карусель */
    hasCarousel?: boolean;
    /** Выравнивание одиночной карточки */
    singleCardAlign?: SingleCardAlignType;
    /** Дополнительный класс для компонента */
    className?: string;
    /** Дополнительные классы для внутренних элементов */
    classes?: {
        root?: string;
        item?: string;
        itemTitle?: string;
        itemButton?: string;
        itemExtraButton?: string;
    };
    /** Дополнительные data атрибуты к внутренним элементам */
    dataAttrs?: {
        root?: Record<string, string>;
        grid?: Record<string, string>;
        item?: Record<string, string>;
    };
    /** Обработчик смены слайда карусели */
    onCarouselChange?: CarouselProps['onChange'];
    /** Ссылка на корневой элемент */
    rootRef?: React.Ref<HTMLDivElement>;
}
declare const CardsOnBackground: React.FC<ICardsOnBackground>;
export default CardsOnBackground;
