import React from 'react'; import { EstimateShippingClasses, PopupDetailEstimateShippingClasses } from '../EstimateShipping/types'; import { ProductTabsClassesType } from './components/ProductTabs'; import { PaginationClassName } from '../Pagination/type'; import { ThumborSettingType } from '../Common/types'; import { NotifyMeClassesType } from './components/NotifyMe'; declare type ProductDetailPropsType = { slug: string | string[]; thumborSetting?: ThumborSettingType; withSeparatedVariant?: boolean; imageLoadingComponent?: any; onError?: (data: any) => void; onErrorMsg: (message: string) => void; getProductID?: (ID: string) => void; getProductDescription?: (description: string) => void; getAdditionalInfo?: (additionalInfo: string) => void; notifyIcon?: React.ReactNode; classes?: { productDetailParentDivClassName?: string; rowClassName?: string; imageRowClassName?: string; mainImageClassName?: string; accordionClassName?: string; thumbnailImageClassName?: string; propertyRowClassName?: string; propertyInnerContainerClassName?: string; propertyFooterContainerClassname?: string; detailTitleContainerClassName?: string; detailTitleClassName?: string; detailTitleStarClassName?: string; detailTitleStarNumberClassName?: string; selectedVariantContainerClassName?: string; selectetVariantClassName?: string; variantContainerClassName?: string; variantOptionsContainerClassName?: string; variantOptionsClassName?: string; variantLabelClassName?: string; variantInputClassName?: string; qtyBoxClassName?: string; qtyLabelClassName?: string; qtyWrapperClassName?: string; descriptionClassName?: string; additionalInfoClassName?: string; salePriceClassName?: string; priceClassName?: string; addToCartBtnClassName?: string; buyNowBtnClassName?: string; tabsClasses?: ProductTabsClassesType; lightboxPopupClassName?: string; lightboxContentClassName?: string; closeButtonClassName?: string; dotClassName?: string; arrowClassName?: string; openOrderClassName?: string; openOrderTitleClassName?: string; openOrderContainerClassName?: string; openOrderDateClassName?: string; openOrderTimeClassName?: string; openOrderTimeoutClassName?: string; openOrderTimeoutDescClassName?: string; openOrderTimeoutBtnClassName?: string; countDownContainerClassName?: string; countDownItemClassName?: string; countDownItemTextClassName?: string; reviewListContainerClassName?: string; reviewListStarContainerClassName?: string; reviewListStarInfoClassName?: string; reviewListDescriptionClassName?: string; reviewListImageContainerClassName?: string; reviewListImageClassName?: string; reviewListFooterClassName?: string; reviewListAuthorClassName?: string; reviewListDateClassName?: string; reviewImageContainerClassName?: string; reviewImageTitleClassName?: string; reviewImageClassName?: string; reviewPopupContentClassName?: string; reviewPopupContainerClassName?: string; reviewPopupImagePopupClassName?: string; reviewPopupLeftButtonClassName?: string; reviewPopupRightButtonClassName?: string; reviewPopupButtonCloseClassName?: string; reviewPopupImagePreviewClassName?: string; reviewPopupPreviewClassName?: string; } & Partial; withInlineProductReview?: boolean; enableLightbox?: boolean; enableTabs?: boolean; enableArrow?: boolean; enableDots?: boolean; enableAutoColorVariant?: boolean; hideThumbnails?: boolean; accordionIcon?: any; closeIcon?: any; qtyLabel?: string; ratingIcon?: any; nextIcon?: any; prevIcon?: any; activeDot?: any; inactiveDot?: any; loadingComponent?: string | React.ReactNode; errorComponent?: string | React.ReactNode; isButton: { [key: number]: boolean; }; customDetailComponent?: any; customTabsComponent?: any; onComplete?: (data: any) => void; onCompleteMsg: (message: string) => void; openOrderIconDate?: string | React.ReactNode; openOrderIconTime?: string | React.ReactNode; countDownSeparator?: string | React.ReactNode; enableProductReview?: boolean; reviewIconLeft?: React.ReactNode; reviewIconRight?: React.ReactNode; reviewIconClose?: React.ReactNode; reviewsPerPageOptions?: number[]; reviewsPaginationClasses?: PaginationClassName; reviewsNextLabel?: React.ReactNode; reviewsPrevLabel?: React.ReactNode; starColor?: string; getTotalAllReviews?: (total: number) => void; customEmptyComponentReviewsByAdmin?: React.ReactNode; customEmptyComponentReviews?: React.ReactNode; withButtonBuyNow?: boolean; withEstimateShipping?: boolean; estimateIconClose?: React.ReactNode; lazyLoadedImage?: boolean; widthImage?: number; heightImage?: number; widthDescriptionImage?: number; heightDescriptionImage?: number; }; export declare const ACTIVE_CURRENCY = "IDR"; declare const ProductDetail: { ({ slug, thumborSetting, getProductID, getProductDescription, getAdditionalInfo, onCompleteMsg, notifyIcon, withSeparatedVariant, classes, onError, onErrorMsg, enableLightbox, enableArrow, enableDots, enableTabs, hideThumbnails, enableAutoColorVariant, loadingComponent, imageLoadingComponent, accordionIcon, nextIcon, prevIcon, activeDot, inactiveDot, closeIcon, qtyLabel, ratingIcon, isButton, customDetailComponent, errorComponent, customTabsComponent, onComplete, openOrderIconDate, openOrderIconTime, countDownSeparator, enableProductReview, reviewIconLeft, reviewIconRight, reviewIconClose, reviewsNextLabel, reviewsPrevLabel, reviewsPerPageOptions, reviewsPaginationClasses, starColor, getTotalAllReviews, customEmptyComponentReviewsByAdmin, customEmptyComponentReviews, withEstimateShipping, withButtonBuyNow, estimateIconClose, lazyLoadedImage, widthImage, heightImage, widthDescriptionImage, heightDescriptionImage, }: ProductDetailPropsType): JSX.Element; displayName: string; __docgenInfo: { description: string; displayName: string; props: { slug: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; thumborSetting: { defaultValue: { value: string; }; description: string; name: string; required: boolean; type: { name: string; }; }; withSeparatedVariant: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; imageLoadingComponent: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; onError: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; onErrorMsg: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; getProductID: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; getProductDescription: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; getAdditionalInfo: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; notifyIcon: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; classes: { defaultValue: { value: string; }; description: string; name: string; required: boolean; type: { name: string; }; }; withInlineProductReview: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; enableLightbox: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; enableTabs: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; enableArrow: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; enableDots: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; enableAutoColorVariant: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; hideThumbnails: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; accordionIcon: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; closeIcon: { defaultValue: { value: string; }; description: string; name: string; required: boolean; type: { name: string; }; }; qtyLabel: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; ratingIcon: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; nextIcon: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; prevIcon: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; activeDot: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; inactiveDot: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; loadingComponent: { defaultValue: { value: string; }; description: string; name: string; required: boolean; type: { name: string; }; }; errorComponent: { defaultValue: { value: string; }; description: string; name: string; required: boolean; type: { name: string; }; }; isButton: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; customDetailComponent: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; customTabsComponent: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; onComplete: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; onCompleteMsg: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; openOrderIconDate: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; openOrderIconTime: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; countDownSeparator: { defaultValue: { value: string; }; description: string; name: string; required: boolean; type: { name: string; }; }; enableProductReview: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; reviewIconLeft: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; reviewIconRight: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; reviewIconClose: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; reviewsPerPageOptions: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; reviewsPaginationClasses: { defaultValue: { value: string; }; description: string; name: string; required: boolean; type: { name: string; }; }; reviewsNextLabel: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; reviewsPrevLabel: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; starColor: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; getTotalAllReviews: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; customEmptyComponentReviewsByAdmin: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; customEmptyComponentReviews: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; withButtonBuyNow: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; withEstimateShipping: { defaultValue: { value: boolean; }; description: string; name: string; required: boolean; type: { name: string; }; }; estimateIconClose: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; lazyLoadedImage: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; widthImage: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; heightImage: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; widthDescriptionImage: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; heightDescriptionImage: { defaultValue: null; description: string; name: string; required: boolean; type: { name: string; }; }; }; }; }; export default ProductDetail;