import React, { FC } from 'react';
import { ThumborSettingType } from '../Common/types';
export declare type QuickDetailPropsType = {
    slug: string;
    loadingComponent?: React.ReactNode;
    errorComponent?: React.ReactNode;
    imageLoadingComponent?: React.ReactNode;
    onError?: (data: any) => void;
    onUpdateCompleted?: (data: any) => void;
    variantType1?: 'button' | 'dropdown';
    variantType2?: 'button' | 'dropdown';
    thumborSetting?: ThumborSettingType;
    ACTIVE_CURRENCY?: 'USD' | 'IDR';
    classes?: QuickDetailClassesType;
    withDelay?: boolean;
    widthImage?: number;
    heightImage?: number;
};
export declare type QuickDetailClassesType = {
    containerClassName?: string;
    detailClassName?: string;
    innerDetailClassName?: string;
    imageContainerClassName?: string;
    mainImageClassName?: string;
    thumbnailImageClassName?: string;
    detailTitleContainerClassName?: string;
    selectedVariantContainerClassName?: string;
    detailTitleClassName?: string;
    selectetVariantClassName?: string;
    salePriceClassName?: string;
    priceClassName?: string;
    qtyBoxClassName?: string;
    variantInputClassName?: string;
    variantContainerClassName?: string;
    variantOptionsContainerClassName?: string;
    variantOptionsClassName?: string;
    variantLabelClassName?: string;
    updateCartBtnClassName?: string;
    viewDetailsBtnClassName?: string;
    buttonsContainerClassName?: string;
};
declare const QuickDetail: FC<QuickDetailPropsType>;
export default QuickDetail;