import { JSXElement } from 'solid-js';
import '@shoelace-style/shoelace/dist/components/dropdown/dropdown';
import '@shoelace-style/shoelace/dist/components/icon/icon';
import '@shoelace-style/shoelace/dist/components/input/input';
import '@shoelace-style/shoelace/dist/components/menu-item/menu-item';
import '@shoelace-style/shoelace/dist/components/menu/menu';
import '@shoelace-style/shoelace/dist/components/spinner/spinner';
export declare const PhotonDropdown: <T extends {
    id: string;
}>(props: {
    data: Array<T>;
    label?: string;
    required: boolean;
    placeholder?: string;
    forceLabelSize?: boolean;
    invalid?: boolean;
    onSearchChange?: (search: string) => void;
    displayAccessor: (selected: T, groupDisplay: boolean) => string | JSXElement;
    disabled?: boolean;
    onOpen?: () => void;
    onHide?: () => void;
    isLoading: boolean;
    hasMore: boolean;
    noDataMsg?: string;
    helpText?: string;
    fetchMore?: () => void;
    selectedData?: T | undefined;
    groups?: Array<{
        label: string;
        filter: (arr: T) => boolean | undefined;
    }>;
    showOverflow?: boolean;
    clearable?: boolean;
    actionRef?: any;
    onInputFocus?: () => void;
}) => import("solid-js").JSX.Element;