import type { DropdownBaseHookProps } from '@fluentui/react-combobox';
import type { DropdownBaseHookState } from '@fluentui/react-combobox';
import { DropdownContextValues } from '@fluentui/react-combobox';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { JSXElement } from '@fluentui/react-utilities';
import type { ListboxContextValues as ListboxContextValues_2 } from '@fluentui/react-combobox';
import type { ListboxProps as ListboxProps_2 } from '@fluentui/react-combobox';
import type { ListboxSlots as ListboxSlots_2 } from '@fluentui/react-combobox';
import type { ListboxState as ListboxState_2 } from '@fluentui/react-combobox';
import type { OptionGroupProps as OptionGroupProps_2 } from '@fluentui/react-combobox';
import type { OptionGroupSlots as OptionGroupSlots_2 } from '@fluentui/react-combobox';
import type { OptionGroupState as OptionGroupState_2 } from '@fluentui/react-combobox';
import type { OptionProps as OptionProps_2 } from '@fluentui/react-combobox';
import type { OptionSlots as OptionSlots_2 } from '@fluentui/react-combobox';
import type { OptionState as OptionState_2 } from '@fluentui/react-combobox';
import type * as React_2 from 'react';
import { renderListbox_unstable as renderListbox } from '@fluentui/react-combobox';
import { renderOption_unstable as renderOption } from '@fluentui/react-combobox';
import { renderOptionGroup_unstable as renderOptionGroup } from '@fluentui/react-combobox';

/**
 * Dropdown component - TODO: add more docs
 */
export declare const Dropdown: ForwardRefComponent<DropdownProps>;

export declare type DropdownProps = Omit<DropdownBaseHookProps, 'inlinePopup' | 'mountNode'>;

export declare type DropdownState = DropdownBaseHookState & {
    button: {
        /**
         * Whether the dropdown is currently open.
         */
        'data-state'?: 'open' | 'closed';
        /**
         * Whether the trigger element is currently disabled.
         */
        'data-disabled'?: string;
        /**
         * Whether the trigger element is currently displaying a placeholder.
         */
        'data-placeholder'?: string;
    };
};

/**
 * Listbox component: a standalone selection control, or the popup in a Combobox.
 */
export declare const Listbox: ForwardRefComponent<ListboxProps>;

/**
 * Context values used in rendering Listbox
 */
export declare type ListboxContextValues = ListboxContextValues_2;

/**
 * Listbox Props
 */
export declare type ListboxProps = ListboxProps_2;

export declare type ListboxSlots = ListboxSlots_2;

/**
 * State used in rendering Listbox
 */
export declare type ListboxState = ListboxState_2;

/**
 * Option component used inside Listbox.
 */
declare const Option_2: ForwardRefComponent<OptionProps>;
export { Option_2 as Option }

/**
 * OptionGroup component used inside Listbox.
 */
export declare const OptionGroup: ForwardRefComponent<OptionGroupProps>;

/**
 * OptionGroup Props
 */
export declare type OptionGroupProps = OptionGroupProps_2;

export declare type OptionGroupSlots = OptionGroupSlots_2;

/**
 * State used in rendering OptionGroup
 */
export declare type OptionGroupState = OptionGroupState_2;

/**
 * Option Props
 */
export declare type OptionProps = OptionProps_2;

export declare type OptionSlots = OptionSlots_2;

/**
 * State used in rendering Option
 */
export declare type OptionState = OptionState_2 & {
    root: {
        /**
         * Whether the option is currently disabled.
         */
        'data-disabled'?: string;
        /**
         * Whether the option is currently selected.
         */
        'data-selected'?: string;
        /**
         * Whether the option belongs to a multiselect listbox.
         */
        'data-multiselect'?: string;
    };
};

/**
 * Render the final JSX of Dropdown
 */
export declare const renderDropdown: (state: DropdownState, contextValues: DropdownContextValues) => JSXElement;

export { renderListbox }

export { renderOption }

export { renderOptionGroup }

/**
 * Create the state required to render Dropdown.
 *
 * The returned state can be modified with hooks such as useDropdownStyles,
 * before being passed to renderDropdown.
 *
 * @param props - props from this instance of Dropdown
 * @param ref - reference to root HTMLButtonElement of Dropdown
 */
export declare const useDropdown: (props: DropdownProps, ref: React_2.Ref<HTMLButtonElement>) => DropdownState;

export declare const useDropdownContextValues: (state: DropdownState) => DropdownContextValues;

/**
 * Returns the state for a Listbox component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderListbox`.
 */
export declare const useListbox: (props: ListboxProps, ref: React_2.Ref<HTMLElement>) => ListboxState;

export declare const useListboxContextValues: (state: ListboxState) => ListboxContextValues;

/**
 * Returns the state for an Option component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderOption`.
 */
export declare const useOption: (props: OptionProps, ref: React_2.Ref<HTMLElement>) => OptionState;

/**
 * Returns the state for an OptionGroup component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderOptionGroup`.
 */
export declare const useOptionGroup: (props: OptionGroupProps, ref: React_2.Ref<HTMLElement>) => OptionGroupState;

export { }