@stakefish/ui/components/SelectAutocompleteDropdown.d.ts

<div align="center"> <a href="https://www.npmjs.com/package/@stakefish/ui"><img src="https://gateway.pinata.cloud/ipfs/QmbZL1ceA8Yiz2pKALTg919jYx141DPUGegC9L4XpyayW5" width="300" /></a> </div>

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;