import React, { ReactNode } from "react";
import { FormControlProps } from "@mui/material/FormControl";
import { AutocompleteDropdownProps } from "./AutocompleteDropdown";
declare type ToggleButtonLabelEl = string | number | JSX.Element | JSX.Element[] | ReactNode;
interface ToggleButtonProps<T> {
    getPlaceholderEl: () => ToggleButtonLabelEl;
    getOptionLabelEl: (value: T) => ToggleButtonLabelEl;
}
export interface SelectAutocompleteDropdownProps {
    id: string;
    /**
     * If `true`, the input will take up the full width of its container.
     * @default false
     */
    fullWidth?: boolean;
    /**
     * Renderers for default and selected elements inside of [`Button`](/components/Button) element.
     */
    buttonProps: ToggleButtonProps<any>;
    /**
     * Label content of the form.
     */
    label?: string;
    /**
     * Props applied to the [`FormControl`](/@material-ui/core/FormControl) element.
     */
    formControlProps?: Partial<FormControlProps>;
    /**
     * Props applied to the [`AutocompleteDropdown`] element.
     */
    autocompleteDropdownProps: AutocompleteDropdownProps;
}
declare const SelectAutocompleteDropdown: React.FC<SelectAutocompleteDropdownProps>;
export default SelectAutocompleteDropdown;