import { JSX, Ref } from 'react';
import { Placement, UseFloatingOptions, UseDismissProps } from '@floating-ui/react';
import { ShallowMerge } from '@janbox/storefront-ui/types';
import { WbVirtualizedListProps } from '../virtualized-list';
interface WbSelectExtendedProps<T extends WbSelectOptionValue, O extends object> {
    innerRef?: Ref<HTMLDivElement>;
    placement?: Placement;
    contentWidth?: number | 'fit-parent';
    onOpenChange?: UseFloatingOptions['onOpenChange'];
    visible?: boolean;
    dissmiss?: UseDismissProps;
    searchable?: boolean;
    optionLabel?: keyof O | ((option: O) => React.ReactNode);
    optionValue?: keyof O | ((option: O) => T);
    optionSearchLabel?: keyof O | Array<keyof O> | ((option: O) => string | string[]);
    defaultValue?: T;
    value?: T | null;
    options: O[];
    onChange?: (value: T, option: O) => void;
    placeholder?: string;
    prefix?: React.ReactNode;
    suffix?: React.ReactNode;
    size?: '28' | '32' | '36';
    listProps?: Partial<WbVirtualizedListProps>;
    selectedRenderer?: (option: O) => React.ReactNode;
    checkedIcon?: React.ReactNode;
}
export type WbSelectProps<T extends WbSelectOptionValue = WbSelectOptionValue, O extends object = object> = ShallowMerge<JSX.IntrinsicElements['button'], WbSelectExtendedProps<T, O>>;
export type WbSelectOptionValue = string | number;
export declare const WbSelect: <T extends WbSelectOptionValue, O extends object>(props: WbSelectProps<T, O>) => import("@emotion/react/jsx-runtime").JSX.Element;
export {};