import React from 'react';
import { Product } from '@dollarshaveclub/types';
declare type PriceData = {
    formattedRetailPrice: string;
    formattedPrice: string;
};
export declare const ProductTile: React.NamedExoticComponent<Readonly<{
    product: Product;
    priceData?: PriceData | undefined;
    onClickAdd?: ((product: Product) => void) | undefined;
    handleShouldUpdateToRestock?: ((product: Product, shouldRestock: boolean) => Promise<boolean>) | undefined;
    onClickRemove?: ((sku: string) => void) | undefined;
    onImgClick?: ((product: Product) => void) | undefined;
    recommended?: string | undefined;
    showAddAnimation?: boolean | undefined;
    isAdded?: boolean | undefined;
    isLoading?: boolean | undefined;
    isSoldOut?: boolean | undefined;
    isShowingOverlay?: boolean | undefined;
    isLoadingOverlay?: boolean | undefined;
    isAutoRestock?: boolean | undefined;
    showSize?: boolean | undefined;
    showPriceComparison?: boolean | undefined;
    showBaseNameOnly: boolean;
    dataTestId?: string | undefined;
    childrenMiddle?: JSX.Element | undefined;
    childrenBottom?: JSX.Element | undefined;
    additionalButtonClasses?: string | undefined;
    disabled?: boolean | undefined;
}>>;
export {};
//# sourceMappingURL=index.d.ts.map