import { default as React, FunctionComponent } from 'react';
import { PriceFormatter } from '../../atoms/Price';
import { VariationProductColumn } from './provider/QuickOrderDrawerProvider';
type ImageComponentType = FunctionComponent<{
    src: string;
    alt: string;
    width?: number;
    height?: number;
    loading?: 'eager' | 'lazy';
}>;
export type QuickOrderDrawerProductsProps = {
    columns: VariationProductColumn;
    formatter?: PriceFormatter;
    ImageComponent?: ImageComponentType;
    /**
     * Messages for CMS configuration
     */
    messages?: {
        alertAriaLabel?: string;
        tableAriaLabel?: string;
        quantityUpdatedTooltip?: string;
        quantityUpdatedAriaLabel?: string;
        outOfStockLabel?: string;
        availableLabel?: string;
        selectQuantityAriaLabel?: string;
        removeProductAriaLabel?: string;
        invalidQuantityTitle?: string;
        invalidQuantityMessage?: (min: number, max: number, quantity: number) => string;
        emptyStateTitle?: string;
        emptyStateMessage?: string;
    };
};
declare const QuickOrderDrawerProducts: ({ columns, formatter, ImageComponent, messages, }: QuickOrderDrawerProductsProps) => React.JSX.Element;
export default QuickOrderDrawerProducts;
//# sourceMappingURL=QuickOrderDrawerProducts.d.ts.map