import 'intersection-observer';
import React, { ReactNode } from 'react';
import { PopupOrderConfirmationClassesType } from '../components/PopupOrderConfirmation';
import { PageInfoType } from '../../products/types';
import { OrderInfoClassesType, OrderHistoryTableClassesType } from '../types';
import { PaginationClassName } from '../../Pagination/type';
import { ThumborSettingType } from '../../Common/types';
export declare type OrderHistoryClassesType = Partial<PopupOrderConfirmationClassesType & OrderHistoryTableClassesType & OrderInfoClassesType & {
    orderItemClassName: string;
    orderHeaderClassName: string;
    orderInnerHeaderClassName: string;
    paymentStatusPaidClassName?: string;
    paymentStatusUnpaidClassName?: string;
    paymentStatusCancelledClassName?: string;
    paymentStatusReturnedClassName?: string;
    paymentStatusConfirmingClassName?: string;
    paymentStatusReadyToShipClassName?: string;
    paymentStatusShippedClassName?: string;
    paymentStatusDeliveredClassName?: string;
    paymentStatusCompletedClassName?: string;
    orderTitleClassName: string;
    orderDateClassName: string;
    orderBodyClassName: string;
    orderControlClassName: string;
    invoiceButtonClassName: string;
    confirmationButtonClassName?: string;
    orderedItemsContainer: string;
    orderedItemsLabelClassName: string;
    orderedItemsClassName: string;
    orderedItemClassName: string;
    orderedItemImageClassName: string;
    orderedItemDetailClassName: string;
    orderedItemDetailTitleClassName: string;
    orderedItemDetailPriceClassName: string;
    orderedItemDetailNeedReviewClassName: string;
    orderedItemDetailReviewedClassName: string;
    orderedItemDetailDeliveredClassName: string;
    orderedItemDetailUploadReceiptClassName: string;
    buyerNoteContainerClassName: string;
    buyerNoteLabelClassName: string;
    buyerNoteClassName: string;
    shippingContainerClassName: string;
    shippingDetailsClassName: string;
    shippingDetailsLabelClassName: string;
    shippingDetailsValueClassName: string;
    shippingMethodContainerClassName: string;
    shippingMethodLabelClassName: string;
    shippingMethodValueClassName: string;
    paymentMethodContainerClassName: string;
    paymentMethodLabelClassName: string;
    orderFooterClassName: string;
    totalCostClassName: string;
    totalPointsClassName: string;
    orderIconClassName?: string;
}>;
export declare type OrderHistoryPropsType = {
    paymentHrefPrefix: string;
    type: 'list' | 'table';
    loadingComponent?: React.ReactNode;
    emptyStateComponent?: React.ReactNode;
    errorComponent?: React.ReactNode;
    isCallPagination?: boolean;
    isInfinite?: boolean;
    itemPerPage?: number;
    pageNumber?: number;
    getPageInfo?: (pageInfo: PageInfoType) => void;
    onClickNeedReview?: (id: string) => void;
    onErrorMsg: (msg: string) => void;
    onSuccessMsg: (msg: string, data: any) => void;
    prevLabel?: string;
    nextLabel?: string;
    classes: OrderHistoryClassesType;
    paginationClasses?: PaginationClassName;
    thumborSetting?: ThumborSettingType;
    reviewStatusCheckMark?: ReactNode;
    closeIcon?: ReactNode;
    loadingIcon?: ReactNode;
    infoIcon?: ReactNode;
    uploadIcon?: ReactNode;
    trackIcon?: ReactNode;
    chevronUpIcon?: ReactNode;
    chevronDownIcon?: ReactNode;
    invoiceIcon?: ReactNode;
    checkMarkIcon?: ReactNode;
    iconTracker?: ReactNode;
    lazyLoadedImage?: boolean;
    widthImage?: number;
    heightImage?: number;
};
declare const OrderHistory: ({ classes, type, paymentHrefPrefix, errorComponent, loadingComponent, emptyStateComponent, isCallPagination, isInfinite, pageNumber, itemPerPage, getPageInfo, onClickNeedReview, onErrorMsg, onSuccessMsg, prevLabel, nextLabel, paginationClasses, thumborSetting, closeIcon, loadingIcon, infoIcon, uploadIcon, invoiceIcon, checkMarkIcon, iconTracker, chevronUpIcon, chevronDownIcon, trackIcon, lazyLoadedImage, widthImage, heightImage, }: OrderHistoryPropsType) => JSX.Element;
export default OrderHistory;