import { default as React, FunctionComponent } from 'react';
import { IProductComparison } from '.';
import { SlideOverProps } from '../SlideOver';
import { PriceFormatter } from '../../atoms/Price';
export interface SortOptions {
    label: string;
    value: string;
    onChange: (productComparison: IProductComparison[]) => IProductComparison[];
}
export type ImageComponentType = FunctionComponent<{
    src: string;
    alt: string;
    width?: number;
    height?: number;
}>;
export interface ProductComparisonSidebarProps extends Omit<SlideOverProps, 'children' | 'isOpen' | 'setIsOpen' | 'fade'> {
    /**
     * Defines the title of the SlideOver.
     */
    title: string;
    /**
     * Defines the sort-related labels.
     */
    sortLabels: {
        label?: string;
        options?: {
            productByName?: string;
            productByPrice?: string;
        };
    };
    /**
     * Defines the filter label.
     */
    filterLabel: string;
    /**
     * Defines the toggle field label.
     */
    toggleFieldLabel: string;
    /**
     * Defines the preference label.
     */
    preferencesLabel: string;
    /**
     * Defines the label from add to cart button.
     */
    cartButtonLabel: string;
    /**
     * Defines the label for the price including taxes.
     */
    priceWithTaxLabel: string;
    /**
     * Formatter function that transforms the raw price value and render the result.
     */
    priceFormatter: PriceFormatter;
    /**
     * Custom labels to introducing about products.
     */
    technicalInformation?: {
        title: string;
        description: string;
    };
    /**
     * Custom function to sort the products.
     */
    sortOptions?: SortOptions[];
    /**
     * Function to select the product that will be added to the cart.
     */
    handleProductToBuy: (productId: string) => void;
    /**
     * Event to handle the click on the add to cart button.
     */
    setPendingEvent: (event: React.MouseEvent<HTMLButtonElement>) => void;
}
declare function ProductComparisonSidebar({ title, sortLabels: { label: sortLabel, options: sortOptionsLabels }, filterLabel, preferencesLabel, toggleFieldLabel, cartButtonLabel, priceWithTaxLabel, technicalInformation, size, direction, priceFormatter, overlayProps, sortOptions, handleProductToBuy, setPendingEvent, ...otherProps }: ProductComparisonSidebarProps): React.JSX.Element;
export default ProductComparisonSidebar;
//# sourceMappingURL=ProductComparisonSidebar.d.ts.map