import { FocusEvent, ReactNode, SelectHTMLAttributes } from "react";
import { FlattenSimpleInterpolation } from "styled-components";
import { IJSXOption } from "../Menu";
export interface IDropdownProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "onChange"> {
    error?: boolean;
    help?: ReactNode;
    label?: string;
    options: IJSXOption[];
    onFocus?: (e?: FocusEvent) => void;
    onBlur?: (e?: FocusEvent) => void;
    value?: string | string[];
    placeholder?: string;
    width?: string;
    bottomBind?: boolean;
    menuHeight?: string;
    menuMaxHeight?: string;
    menuWidth?: string;
    menuMinWidth?: string;
    onChange: (items: IJSXOption[]) => void;
    zIndex?: number;
    renderResultOptions?: (items: IJSXOption[]) => ReactNode;
    onOpen?: VoidFunction;
    loading?: boolean;
    popoverMixin?: FlattenSimpleInterpolation;
    children?: ReactNode;
    searchable?: boolean;
    searchPlaceholder?: string;
    root?: HTMLElement | null;
}
export interface IDropdownFieldProps {
    width?: string;
    height?: string;
    error?: boolean;
    active?: boolean;
    disabled?: boolean;
    focused?: boolean;
}
