/// <reference types="@emotion/styled/macro" />
import React, { ReactElement } from 'react';
import { Props as DropdownProps } from 'components/common/dropdown/dropdown.component';
import { Product } from 'types/entities.types';
export declare const StyledLatestProducts: import("@emotion/styled-base").StyledComponent<React.PropsWithChildren<import("../../../mint-case/mint-case-latest-products.component").Props>, Pick<React.PropsWithChildren<import("../../../mint-case/mint-case-latest-products.component").Props>, "children" | "productsIds" | "onSelectProduct" | "currentProduct">, object>;
export declare const StyledDropdown: import("@emotion/styled-base").StyledComponent<{
    children?: React.ReactNode;
}, any, object>;
interface Props<OptionType> extends Omit<DropdownProps<OptionType>, 'isMulti' | 'isClearable' | 'value'> {
    selectedOptions: Product[] | Product | [];
    noSelectedOptionsMessage: string;
    productTitle: string;
    sidePadding?: number;
    isOpen?: boolean;
    isOnFocus?: boolean;
    isLoadingProductsByIdsIsDone?: boolean;
    onBlur?: () => void;
    onSelectProduct?: (product: Product) => void;
    onRevertToDefaultImagesList: () => void;
    suggestedProducts?: string[];
}
export declare const ProductSearchBox: <OptionType extends {}>({ onChange, getOptionValue, selectedOptions, noSelectedOptionsMessage, productTitle, isOpen, isOnFocus, onBlur, sidePadding, placeholder, onSelectProduct, options, onRevertToDefaultImagesList, isLoadingProductsByIdsIsDone, suggestedProducts, ...props }: Props<OptionType>) => ReactElement;
export {};