import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderSelect_unstable as renderSelect } from '@fluentui/react-select';
import type { SelectBaseProps } from '@fluentui/react-select';
import type { SelectBaseState } from '@fluentui/react-select';
import type { SelectSlots as SelectSlots_2 } from '@fluentui/react-select';

export { renderSelect }

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

/**
 * Select Props
 */
export declare type SelectProps = SelectBaseProps;

export declare type SelectSlots = SelectSlots_2;

/**
 * State used in rendering Select
 */
export declare type SelectState = SelectBaseState & {
    root: {
        /**
         * Data attribute set when the select is disabled.
         */
        'data-disabled'?: string;
        /**
         * Data attribute set when the select is invalid.
         */
        'data-invalid'?: string;
    };
};

/**
 * Create the state required to render Select.
 *
 * The returned state can be modified with hooks,
 * before being passed to renderSelect.
 *
 * @param props - props from this instance of Select
 * @param ref - reference to root HTMLSelectElement
 */
export declare const useSelect: (props: SelectProps, ref: React_2.Ref<HTMLSelectElement>) => SelectState;

export { }