React Select.Api

import type { ComponentProps } from '@fluentui/react-utilities';
import type { ComponentState } from '@fluentui/react-utilities';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { JSXElement } from '@fluentui/react-utilities';
import * as React_2 from 'react';
import type { Slot } from '@fluentui/react-utilities';
import { SlotClassNames } from '@fluentui/react-utilities';

// @public
export const renderSelect_unstable: (state: SelectState) => JSXElement;

// @public
export const Select: ForwardRefComponent<SelectProps>;

// @public (undocumented)
export const selectClassNames: SlotClassNames<SelectSlots>;

// @public
export type SelectOnChangeData = {
    value: string;
};

// @public (undocumented)
export type SelectProps = Omit<ComponentProps<Partial<SelectSlots>, 'select'>, 'size' | 'onChange'> & {
    appearance?: 'outline' | 'underline' | 'filled-darker' | 'filled-lighter';
    onChange?: (ev: React_2.ChangeEvent<HTMLSelectElement>, data: SelectOnChangeData) => void;
    size?: 'small' | 'medium' | 'large';
};

// @public (undocumented)
export type SelectSlots = {
    root: NonNullable<Slot<'span'>>;
    select: NonNullable<Slot<'select'>>;
    icon: Slot<'span'>;
};

// @public (undocumented)
export type SelectState = ComponentState<SelectSlots> & Required<Pick<SelectProps, 'appearance' | 'size'>>;

// @public
export const useSelect_unstable: (props: SelectProps, ref: React_2.Ref<HTMLSelectElement>) => SelectState;

// @public
export const useSelectStyles_unstable: (state: SelectState) => SelectState;

// (No @packageDocumentation comment for this package)