import React from 'react';
import { ProductPreview } from '../../api/product-types';
import { ClassNameProps } from '../../common/class-name-props';
import { TrackableProps } from '../../common/analytics';
import { ProductContextData } from '../modular-product/types';
declare type SimilarProductProps = {
    product: ProductPreview;
    onSimilarProductClick: ProductContextData['onProductClicked'];
    classNameFromWidth: string;
    imageContainer: {
        width: number;
        height: number;
        objectFit: string;
    };
} & ClassNameProps & TrackableProps;
export declare const TrackableRecommendedProduct: {
    new (props: Readonly<SimilarProductProps>): {
        timeoutRef: any;
        dataFromChild: any;
        state: {
            inView: boolean;
        };
        setTrackingData: (trackingData: any) => any;
        onChange: (inView: boolean) => void;
        render(): JSX.Element;
        context: any;
        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SimilarProductProps>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
        forceUpdate(callBack?: () => void): void;
        readonly props: Readonly<React.PropsWithChildren<SimilarProductProps>>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        componentDidMount?(): void;
        shouldComponentUpdate?(nextProps: Readonly<SimilarProductProps>, nextState: Readonly<{}>, nextContext: any): boolean;
        componentWillUnmount?(): void;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<SimilarProductProps>, prevState: Readonly<{}>): any;
        componentDidUpdate?(prevProps: Readonly<SimilarProductProps>, prevState: Readonly<{}>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<SimilarProductProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SimilarProductProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<SimilarProductProps>, nextState: Readonly<{}>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<SimilarProductProps>, nextState: Readonly<{}>, nextContext: any): void;
    };
    new (props: SimilarProductProps, context?: any): {
        timeoutRef: any;
        dataFromChild: any;
        state: {
            inView: boolean;
        };
        setTrackingData: (trackingData: any) => any;
        onChange: (inView: boolean) => void;
        render(): JSX.Element;
        context: any;
        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<SimilarProductProps>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
        forceUpdate(callBack?: () => void): void;
        readonly props: Readonly<React.PropsWithChildren<SimilarProductProps>>;
        refs: {
            [key: string]: React.ReactInstance;
        };
        componentDidMount?(): void;
        shouldComponentUpdate?(nextProps: Readonly<SimilarProductProps>, nextState: Readonly<{}>, nextContext: any): boolean;
        componentWillUnmount?(): void;
        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
        getSnapshotBeforeUpdate?(prevProps: Readonly<SimilarProductProps>, prevState: Readonly<{}>): any;
        componentDidUpdate?(prevProps: Readonly<SimilarProductProps>, prevState: Readonly<{}>, snapshot?: any): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<SimilarProductProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SimilarProductProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<SimilarProductProps>, nextState: Readonly<{}>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<SimilarProductProps>, nextState: Readonly<{}>, nextContext: any): void;
    };
    displayName: string;
    contextType?: React.Context<any>;
};
export {};
//# sourceMappingURL=recommended-product.d.ts.map