import React from 'react';
import { ProductActionButtonProps } from './ProductActionButton/ProductActionButton';
import { ProductEntity, ProductVariation as ProductVariationType } from './types';
import { ProductToggleButtonProps } from './ProductToggleButton/ProductToggleButton';
export interface ProductProps<Id = unknown, VariationId = unknown> {
    /** Данные продукта */
    product: ProductEntity<Id>;
    /** Пропсы экшен кнопки */
    actionButtonProps: ProductActionButtonProps;
    /** Модификации товара */
    variations?: ProductVariationType<VariationId>[];
    /** Рекомендации товара */
    recommendations?: {
        title: string;
        items: ProductEntity<Id>[];
    };
    /** Ссылка на картинку товара по умолчанию */
    defaultImage?: string;
    className?: string;
    /** Колбэк, вызываемый при выборе модификации товара */
    onChangeVariation?: (id: VariationId, index: number) => void;
    /** Колбэк, вызываемый при клике по карточке рекомендации */
    onClickRecommendation?: (recommendation: ProductEntity<Id>, index: number) => void;
    /**
     * Кастомная кнопка для раскрытия/скрытия части деталей.
     * Актуальна для устройств с пультом и SberPortal
     */
    renderToggleButton?: (props: Pick<ProductToggleButtonProps, 'expanded' | 'toggle'>) => React.ReactNode;
}
export declare const ProductVariation: React.FC<ProductVariationType & {
    onChange: ProductProps['onChangeVariation'];
}>;
export declare const ProductCommon: ({ product, actionButtonProps, variations, recommendations, defaultImage, className, onChangeVariation, onClickRecommendation, renderToggleButton, }: ProductProps) => JSX.Element;
//# sourceMappingURL=Product@common.d.ts.map