import { StylesConfig } from 'react-select';
/**
 * Types
 */
interface OptionTypeBase {
    [key: string]: any;
}
export interface GroupedSelectOptionItem extends OptionTypeBase {
    label: string;
    value: string;
    isOptionHighlighted?: boolean;
}
export interface GroupedSelectOptionGroup {
    label: string;
    options: GroupedSelectOptionItem[];
}
export interface GroupedSingleSelectWithStaticOptionProps {
    options: GroupedSelectOptionGroup[];
    allowEmpty?: boolean;
    customStyleConfig?: StylesConfig<GroupedSelectOptionItem, false>;
    isDisabled?: boolean;
    isSearchable?: boolean;
    maxMenuHeight?: number;
    menuHeader?: React.ReactNode;
    menuPlacement?: "auto" | "top" | "bottom";
    menuPortal?: HTMLElement | null;
    name?: string;
    optionIcon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;
    placeholder?: string;
    selectedValue?: string;
    style?: React.CSSProperties;
    onChange: (value: string | undefined) => void;
    filterOption?: (option: {
        data: GroupedSelectOptionItem;
        label: string;
        value: string;
    }, searchText: string) => boolean;
}
/**
 * GroupedSingleSelectWithStaticOption
 *
 * A standalone grouped single-select dropdown (not coupled to react-hook-form).
 * Supports collapsible groups, a static menu header, per-option highlight icons,
 * and customizable styling.
 */
export declare const GroupedSingleSelectWithStaticOption: ({ options, selectedValue, allowEmpty, customStyleConfig, isDisabled, isSearchable, maxMenuHeight, menuHeader, menuPlacement, menuPortal, name, optionIcon, placeholder, style, onChange, filterOption, }: GroupedSingleSelectWithStaticOptionProps) => import("react/jsx-runtime").JSX.Element;
export {};