import { default as React } from 'react';
import { selectSlots } from '../select/select-styles';
export interface ComboboxOption {
    value: string;
    label: string;
    disabled?: boolean;
    icon?: React.ReactNode;
}
export interface ComboboxProps {
    options: ComboboxOption[];
    value?: string;
    defaultValue?: string;
    onValueChange?: (value: string) => void;
    placeholder?: string;
    searchPlaceholder?: string;
    emptyMessage?: string;
    label?: string;
    description?: React.ReactNode;
    errorMessage?: React.ReactNode;
    disabled?: boolean;
    isInvalid?: boolean;
    isClearable?: boolean;
    shape?: "full" | "minimal" | "sharp";
    variant?: "filled" | "filled-inverted" | "outlined" | "outlined-inverted" | "underlined" | "underlined-inverted" | "ghost" | "ghost-inverted";
    size?: "sm" | "md" | "lg";
    labelPlacement?: "inside" | "outside" | "outside-left";
    startContent?: React.ReactNode;
    className?: string;
    classNames?: Partial<Record<keyof typeof selectSlots, string>>;
    mobileLayout?: "default" | "bottom-sheet" | "dialog";
    name?: string;
}
export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLButtonElement>>;
