import { ReactNode } from 'react';
import { InputBase } from '../InputBase';
import { Container, InputStyled, ItemStyled } from './style';
import { DropdownI } from '../SelectDropdown/SelectDropdown';
export interface Option {
    label: string;
    value: string;
}
export type SelectWithSearchProps<T extends React.ElementType = 'div', AdditionalProps = {}> = Omit<DropdownI<T, AdditionalProps>, 'open' | 'anchorEl' | 'onOpen' | 'onClose' | 'trigger' | 'children'> & {
    /**
     * Passed to the underlying input as the HTML `name` attribute so the control
     * participates in form submission, autofill, and other browser field semantics.
     */
    name?: string;
    options: Option[];
    label?: React.ReactNode;
    onChangeOption: (option: Option | null) => void;
    selectedOption?: Option | null;
    placeholder?: string | null;
    isLoading?: boolean;
    renderOption?: (option: Option, { closeDropdown, open }: {
        closeDropdown: () => void;
        open: boolean;
    }) => ReactNode;
    iconUrl?: string;
    onClearValue?: () => void;
    slotProps?: {
        selectInput?: React.ComponentProps<typeof InputBase>;
        searchInput?: React.ComponentProps<typeof InputStyled>;
        dropdownContainer?: React.ComponentProps<typeof Container>;
        item?: React.ComponentProps<typeof ItemStyled>;
    };
    hideSelectedCheckmark?: boolean;
};