@fluentui/react/etc/react.api.md

Reusable React components for building web experiences.

## API Report File for "@fluentui/react"

> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).

```ts

import { DateRangeType } from '@fluentui/date-time-utilities';
import { DayOfWeek } from '@fluentui/date-time-utilities';
import { EventGroup } from '@fluentui/utilities';
import { FirstWeekOfYear } from '@fluentui/date-time-utilities';
import { IBaseProps } from '@fluentui/utilities';
import { ICalendarStrings } from '@fluentui/date-time-utilities';
import { IComponent } from '@fluentui/foundation-legacy';
import { IComponentAs } from '@fluentui/utilities';
import { IComponentStyles } from '@fluentui/foundation-legacy';
import { ICSSPixelUnitRule } from '@fluentui/merge-styles/lib/IRawStyleBase';
import { ICSSRule } from '@fluentui/merge-styles/lib/IRawStyleBase';
import { IDateFormatting } from '@fluentui/date-time-utilities';
import { IDayGridOptions } from '@fluentui/date-time-utilities';
import { IFocusZoneProps } from '@fluentui/react-focus';
import { IFontStyles } from '@fluentui/style-utilities';
import { IHTMLSlot } from '@fluentui/foundation-legacy';
import { IObjectWithKey } from '@fluentui/utilities';
import { IPoint } from '@fluentui/utilities';
import { IProcessedStyleSet } from '@fluentui/style-utilities';
import { IRawStyle } from '@fluentui/style-utilities';
import { IRectangle } from '@fluentui/utilities';
import { IRefObject } from '@fluentui/utilities';
import { IRenderComponent } from '@fluentui/utilities';
import { IRenderFunction } from '@fluentui/utilities';
import { ISelection } from '@fluentui/utilities';
import { ISelectionOptions } from '@fluentui/utilities';
import { ISlotProp } from '@fluentui/foundation-legacy';
import { ISlottableProps } from '@fluentui/foundation-legacy';
import { IStyle } from '@fluentui/style-utilities';
import { IStyleableComponentProps } from '@fluentui/foundation-legacy';
import { IStyleFunction } from '@fluentui/utilities';
import { IStyleFunctionOrObject } from '@fluentui/utilities';
import { ITheme } from '@fluentui/style-utilities';
import { KeyCodes } from '@fluentui/utilities';
import { PartialTheme } from '@fluentui/theme';
import { Point } from '@fluentui/utilities';
import * as React_2 from 'react';
import { ReactNode } from 'react';
import { Rectangle } from '@fluentui/utilities';
import { Selection as Selection_2 } from '@fluentui/utilities';
import { SELECTION_CHANGE } from '@fluentui/utilities';
import { SelectionDirection } from '@fluentui/utilities';
import { SelectionMode as SelectionMode_2 } from '@fluentui/utilities';
import { Target } from '@fluentui/react-hooks';
import { Theme } from '@fluentui/theme';

// @public (undocumented)
export class ActionButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class ActivityItem extends React_2.Component<IActivityItemProps, {}> {
    constructor(props: IActivityItemProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public
export type Alignment = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'baseline' | 'stretch';

// @public (undocumented)
export enum AnimationDirection {
    Horizontal = 0,
    Vertical = 1
}

// @public (undocumented)
export const Announced: React_2.FunctionComponent<IAnnouncedProps>;

// @public (undocumented)
export class AnnouncedBase extends React_2.Component<IAnnouncedProps> {
    // (undocumented)
    static defaultProps: Partial<IAnnouncedProps>;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class Autofill extends React_2.Component<IAutofillProps, IAutofillState> implements IAutofill {
    constructor(props: IAutofillProps);
    // (undocumented)
    clear(): void;
    // Warning: (ae-forgotten-export) The symbol "ICursorLocation" needs to be exported by the entry point index.d.ts
    //
    // (undocumented)
    componentDidUpdate(_: any, _1: any, cursor: ICursorLocation | null): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    get cursorLocation(): number | null;
    // (undocumented)
    static defaultProps: {
        enableAutofillOnKeyPress: number[];
    };
    // (undocumented)
    focus(): void;
    // (undocumented)
    static getDerivedStateFromProps(props: IAutofillProps, state: IAutofillState): IAutofillState | null;
    // (undocumented)
    getSnapshotBeforeUpdate(): ICursorLocation | null;
    // (undocumented)
    get inputElement(): HTMLInputElement | null;
    // (undocumented)
    get isValueSelected(): boolean;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    get selectionEnd(): number | null;
    // (undocumented)
    get selectionStart(): number | null;
    // (undocumented)
    get value(): string;
}

// @public (undocumented)
export class BaseButton extends React_2.Component<IBaseButtonProps, IBaseButtonState> implements IButton {
    constructor(props: IBaseButtonProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IBaseButtonProps, prevState: IBaseButtonState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: Partial<IBaseButtonProps>;
    // (undocumented)
    dismissMenu(): void;
    // (undocumented)
    focus(): void;
    // (undocumented)
    openMenu(shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean): void;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export class BaseExtendedPeoplePicker extends BaseExtendedPicker<IPersonaProps, IExtendedPeoplePickerProps> {
}

// @public (undocumented)
export class BaseExtendedPicker<T, P extends IBaseExtendedPickerProps<T>> extends React_2.Component<P, IBaseExtendedPickerState<T>> implements IBaseExtendedPicker<T> {
    constructor(basePickerProps: P);
    // (undocumented)
    protected canAddItems(): boolean;
    // (undocumented)
    clearInput(): void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    floatingPicker: React_2.RefObject<BaseFloatingPicker<T, IBaseFloatingPickerProps<T>>>;
    // (undocumented)
    protected get floatingPickerProps(): IBaseFloatingPickerProps<T>;
    // (undocumented)
    focus(): void;
    // (undocumented)
    get highlightedItems(): T[];
    // (undocumented)
    protected input: React_2.RefObject<Autofill>;
    // (undocumented)
    get inputElement(): HTMLInputElement | null;
    // (undocumented)
    get items(): any;
    // (undocumented)
    protected onBackspace: (ev: React_2.KeyboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onCopy: (ev: React_2.ClipboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onInputChange: (value: string, composing?: boolean | undefined) => void;
    // (undocumented)
    protected onInputClick: (ev: React_2.MouseEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onInputFocus: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onPaste: (ev: React_2.ClipboardEvent<Autofill | HTMLInputElement>) => void;
    // (undocumented)
    protected _onSelectedItemsChanged: () => void;
    // (undocumented)
    protected onSelectionChange: () => void;
    // (undocumented)
    protected _onSuggestionSelected: (item: T) => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected renderFloatingPicker(): JSX.Element;
    // (undocumented)
    protected renderSelectedItemsList(): JSX.Element;
    // (undocumented)
    protected root: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    selectedItemsList: React_2.RefObject<BaseSelectedItemsList<T, IBaseSelectedItemsListProps<T>>>;
    // (undocumented)
    protected get selectedItemsListProps(): IBaseSelectedItemsListProps<T>;
    // (undocumented)
    protected selection: Selection_2;
}

// @public (undocumented)
export class BaseFloatingPeoplePicker extends BaseFloatingPicker<IPersonaProps, IPeopleFloatingPickerProps> {
}

// @public (undocumented)
export class BaseFloatingPicker<T, P extends IBaseFloatingPickerProps<T>> extends React_2.Component<P, IBaseFloatingPickerState> implements IBaseFloatingPicker {
    constructor(basePickerProps: P);
    // (undocumented)
    completeSuggestion: () => void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    protected currentPromise: PromiseLike<T[]>;
    // (undocumented)
    get currentSelectedSuggestionIndex(): number;
    // (undocumented)
    forceResolveSuggestion(): void;
    // (undocumented)
    hidePicker: () => void;
    // (undocumented)
    get inputText(): string;
    // (undocumented)
    protected isComponentMounted: boolean;
    // (undocumented)
    get isSuggestionsShown(): boolean;
    // (undocumented)
    protected onChange(item: T): void;
    // (undocumented)
    protected onKeyDown: (ev: MouseEvent) => void;
    // (undocumented)
    onQueryStringChanged: (queryString: string) => void;
    // (undocumented)
    protected onSelectionChange(): void;
    // (undocumented)
    protected onSuggestionClick: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
    // (undocumented)
    protected onSuggestionRemove: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected renderSuggestions(): JSX.Element | null;
    // (undocumented)
    protected root: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    protected selection: Selection;
    // (undocumented)
    showPicker: (updateValue?: boolean) => void;
    // (undocumented)
    get suggestions(): any[];
    // (undocumented)
    protected suggestionsControl: React_2.RefObject<SuggestionsControl<T>>;
    // (undocumented)
    protected SuggestionsControlOfProperType: new (props: ISuggestionsControlProps<T>) => SuggestionsControl<T>;
    // (undocumented)
    protected suggestionStore: SuggestionsStore<T>;
    // (undocumented)
    updateSuggestions(suggestions: T[], forceUpdate?: boolean): void;
    // (undocumented)
    protected updateSuggestionsList(suggestions: T[] | PromiseLike<T[]>): void;
    // (undocumented)
    protected updateSuggestionWithZeroState(): void;
    // (undocumented)
    protected updateValue(updatedValue: string): void;
}

// @public (undocumented)
export class BasePeoplePicker extends BasePicker<IPersonaProps, IPeoplePickerProps> {
}

// @public (undocumented)
export class BasePeopleSelectedItemsList extends BaseSelectedItemsList<IExtendedPersonaProps, ISelectedPeopleProps> {
}

// @public (undocumented)
export class BasePicker<T, P extends IBasePickerProps<T>> extends React_2.Component<P, IBasePickerState> implements IBasePicker<T> {
    constructor(basePickerProps: P);
    // (undocumented)
    protected addItem: (item: T) => void;
    // (undocumented)
    protected addItemByIndex: (index: number) => void;
    // (undocumented)
    protected _ariaMap: IPickerAriaIds;
    // (undocumented)
    protected canAddItems(): boolean;
    // (undocumented)
    protected completeSelection: (item: T) => void;
    // (undocumented)
    completeSuggestion(forceComplete?: boolean): void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(oldProps: P, oldState: IBasePickerState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    protected currentPromise: PromiseLike<any> | undefined;
    // (undocumented)
    dismissSuggestions: (ev?: any) => void;
    // (undocumented)
    focus(): void;
    // (undocumented)
    focusInput(): void;
    // (undocumented)
    protected getActiveDescendant(): string | undefined;
    // (undocumented)
    static getDerivedStateFromProps(newProps: IBasePickerProps<any>): {
        items: any[];
    } | null;
    // (undocumented)
    protected getSuggestionsAlert(suggestionAlertClassName?: string): JSX.Element | undefined;
    // (undocumented)
    protected input: React_2.RefObject<IAutofill>;
    // (undocumented)
    get items(): T[];
    // (undocumented)
    protected onBackspace(ev: React_2.KeyboardEvent<HTMLElement>): void;
    // (undocumented)
    protected onBlur: (ev: React_2.FocusEvent<HTMLElement | Autofill>) => void;
    // (undocumented)
    protected onChange(items?: T[]): void;
    protected onClick: (ev: React_2.MouseEvent<HTMLInputElement>) => void;
    protected onEmptyInputFocus(): void;
    // (undocumented)
    protected onFocus: () => void;
    // (undocumented)
    protected onGetMoreResults: () => void;
    // (undocumented)
    protected onInputBlur: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onInputChange: (value: string) => void;
    // (undocumented)
    protected onInputFocus: (ev: React_2.FocusEvent<HTMLInputElement | Autofill>) => void;
    // (undocumented)
    protected onItemChange: (changedItem: T, index: number) => void;
    // (undocumented)
    protected onKeyDown: (ev: React_2.KeyboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onSelectionChange(): void;
    // (undocumented)
    protected onSuggestionClick: (ev: React_2.MouseEvent<HTMLElement>, item: any, index: number) => void;
    // (undocumented)
    protected onSuggestionRemove: (ev: React_2.MouseEvent<HTMLElement>, item: T, index: number) => void;
    // (undocumented)
    protected onSuggestionSelect(): void;
    // (undocumented)
    refocusSuggestions: (keyCode: KeyCodes) => void;
    // (undocumented)
    protected removeItem: (item: IPickerItemProps<T>, focusNextItem?: boolean | undefined) => void;
    // (undocumented)
    protected removeItems: (itemsToRemove: any[]) => void;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    protected renderItems(): JSX.Element[];
    // (undocumented)
    protected renderSuggestions(): JSX.Element | null;
    // (undocumented)
    protected resetFocus(index?: number): void;
    // (undocumented)
    protected resolveNewValue(updatedValue: string, suggestions: T[]): void;
    // (undocumented)
    protected root: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    protected selection: Selection_2;
    // @deprecated (undocumented)
    protected _shouldFocusZoneEnterInnerZone: (ev: React_2.KeyboardEvent<HTMLElement>) => boolean;
    // (undocumented)
    protected suggestionElement: React_2.RefObject<ISuggestions<T>>;
    // @deprecated (undocumented)
    protected SuggestionOfProperType: new (props: ISuggestionsProps<T>) => Suggestions<T>;
    // (undocumented)
    protected suggestionStore: SuggestionsController<T>;
    // (undocumented)
    protected updateSuggestions(suggestions: any[]): void;
    // (undocumented)
    protected updateSuggestionsList(suggestions: T[] | PromiseLike<T[]>, updatedValue?: string): void;
    // (undocumented)
    protected updateValue(updatedValue: string): void;
    }

// @public (undocumented)
export class BasePickerListBelow<T, P extends IBasePickerProps<T>> extends BasePicker<T, P> {
    // (undocumented)
    protected onBackspace(ev: React_2.KeyboardEvent<HTMLElement>): void;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export class BaseSelectedItemsList<T, P extends IBaseSelectedItemsListProps<T>> extends React_2.Component<P, IBaseSelectedItemsListState<T>> implements IBaseSelectedItemsList<T> {
    constructor(basePickerProps: P);
    // (undocumented)
    addItems: (items: T[]) => void;
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(oldProps: P, oldState: IBaseSelectedItemsListState<IObjectWithKey>): void;
    // (undocumented)
    protected copyItems(items: T[]): void;
    // (undocumented)
    static getDerivedStateFromProps(newProps: IBaseSelectedItemsListProps<any>): {
        items: any[];
    } | null;
    // (undocumented)
    hasSelectedItems(): boolean;
    // (undocumented)
    highlightedItems(): T[];
    // (undocumented)
    get items(): T[];
    // (undocumented)
    protected onChange(items?: T[]): void;
    // (undocumented)
    onCopy: (ev: React_2.ClipboardEvent<HTMLElement>) => void;
    // (undocumented)
    protected onItemChange: (changedItem: T, index: number) => void;
    // (undocumented)
    protected onSelectionChanged: () => void;
    // (undocumented)
    removeItem: (item: T) => void;
    // (undocumented)
    removeItemAt: (index: number) => void;
    // (undocumented)
    removeItems: (itemsToRemove: any[]) => void;
    // (undocumented)
    removeSelectedItems(): void;
    // (undocumented)
    render(): any;
    // (undocumented)
    protected renderItems: () => JSX.Element[];
    // (undocumented)
    replaceItem: (itemToReplace: T, itemsToReplaceWith: T[]) => void;
    // (undocumented)
    protected root: HTMLElement;
    // (undocumented)
    protected get selection(): Selection_2;
    // (undocumented)
    unselectAll(): void;
    updateItems(items: T[], focusIndex?: number): void;
}

// @public (undocumented)
export enum BaseSlots {
    // (undocumented)
    backgroundColor = 1,
    // (undocumented)
    foregroundColor = 2,
    // (undocumented)
    primaryColor = 0
}

// @public (undocumented)
export const Breadcrumb: React_2.FunctionComponent<IBreadcrumbProps>;

// @public (undocumented)
export class BreadcrumbBase extends React_2.Component<IBreadcrumbProps, any> {
    constructor(props: IBreadcrumbProps);
    // (undocumented)
    static defaultProps: IBreadcrumbProps;
    focus(): void;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export function buildColumns(items: any[], canResizeColumns?: boolean, onColumnClick?: (ev: React_2.MouseEvent<HTMLElement>, column: IColumn) => void, sortedColumnKey?: string, isSortedDescending?: boolean, groupedColumnKey?: string, isMultiline?: boolean): IColumn[];

// @public
export function buildKeytipConfigMap(config: IKeytipConfig): IKeytipConfigMap;

// @public @deprecated
export class Button extends React_2.Component<IButtonProps, {}> {
    constructor(props: IButtonProps);
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const ButtonGrid: React_2.FunctionComponent<IButtonGridProps>;

// @public (undocumented)
export const ButtonGridCell: <T, P extends IButtonGridCellProps<T>>(props: IButtonGridCellProps<T>) => JSX.Element;

// @public (undocumented)
export enum ButtonType {
    // (undocumented)
    command = 4,
    // (undocumented)
    compound = 3,
    // (undocumented)
    default = 6,
    // (undocumented)
    hero = 2,
    // (undocumented)
    icon = 5,
    // (undocumented)
    normal = 0,
    // (undocumented)
    primary = 1
}

// @public (undocumented)
export const Calendar: React_2.FunctionComponent<ICalendarProps>;

// @public (undocumented)
export const Callout: React_2.FunctionComponent<ICalloutProps>;

// @public (undocumented)
export const CalloutContent: React_2.FunctionComponent<ICalloutProps>;

// @public (undocumented)
export const CalloutContentBase: React_2.FunctionComponent<ICalloutProps>;

// @public
export function canAnyMenuItemsCheck(items: IContextualMenuItem[]): boolean;

// @public (undocumented)
export const Check: React_2.FunctionComponent<ICheckProps>;

// @public (undocumented)
export const CheckBase: React_2.FunctionComponent<ICheckProps>;

// @public (undocumented)
export const Checkbox: React_2.FunctionComponent<ICheckboxProps>;

// @public (undocumented)
export const CheckboxBase: React_2.FunctionComponent<ICheckboxProps>;

// @public (undocumented)
export enum CheckboxVisibility {
    always = 1,
    hidden = 2,
    onHover = 0
}

// @public (undocumented)
export const ChoiceGroup: React_2.FunctionComponent<IChoiceGroupProps>;

// @public (undocumented)
export const ChoiceGroupBase: React_2.FunctionComponent<IChoiceGroupProps>;

// @public (undocumented)
export const ChoiceGroupOption: React_2.FunctionComponent<IChoiceGroupOptionProps>;

// @public
export function clamp(value: number, max: number, min?: number): number;

// @public (undocumented)
export const Coachmark: React_2.FunctionComponent<ICoachmarkProps>;

// @public (undocumented)
export const COACHMARK_ATTRIBUTE_NAME = "data-coachmarkid";

// @public (undocumented)
export const CoachmarkBase: React_2.FunctionComponent<ICoachmarkProps>;

// @public (undocumented)
export enum CollapseAllVisibility {
    // (undocumented)
    hidden = 0,
    // (undocumented)
    visible = 1
}

// @public (undocumented)
export const ColorPicker: React_2.FunctionComponent<IColorPickerProps>;

// @public (undocumented)
export class ColorPickerBase extends React_2.Component<IColorPickerProps, IColorPickerState> implements IColorPicker {
    constructor(props: IColorPickerProps);
    // (undocumented)
    get color(): IColor;
    // (undocumented)
    componentDidUpdate(prevProps: Readonly<IColorPickerProps>, prevState: Readonly<IColorPickerState>): void;
    // (undocumented)
    static defaultProps: Partial<IColorPickerProps>;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export const ColorPickerGridCell: React_2.FunctionComponent<IColorPickerGridCellProps>;

// @public (undocumented)
export const ColorPickerGridCellBase: React_2.FunctionComponent<IColorPickerGridCellProps>;

// @public
export enum ColumnActionsMode {
    clickable = 1,
    disabled = 0,
    hasDropdown = 2
}

// @public
export enum ColumnDragEndLocation {
    header = 2,
    outside = 0,
    surface = 1
}

// @public (undocumented)
export const ComboBox: React_2.FunctionComponent<IComboBoxProps>;

// @public (undocumented)
export const CommandBar: React_2.FunctionComponent<ICommandBarProps>;

// @public (undocumented)
export class CommandBarBase extends React_2.Component<ICommandBarProps, {}> implements ICommandBar {
    constructor(props: ICommandBarProps);
    // (undocumented)
    static defaultProps: ICommandBarProps;
    // (undocumented)
    focus(): void;
    // (undocumented)
    remeasure(): void;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export class CommandBarButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const CommandButton: typeof ActionButton;

// @public (undocumented)
export const CompactPeoplePicker: React_2.FunctionComponent<IPeoplePickerProps>;

// @public
export class CompactPeoplePickerBase extends BasePeoplePicker {
    static defaultProps: {
        onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element;
        onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps<any> | undefined) => JSX.Element;
        createGenericItem: typeof createGenericItem;
    };
}

// @public (undocumented)
export class CompoundButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum ConstrainMode {
    horizontalConstrained = 1,
    unconstrained = 0
}

// @public
export function constructKeytip(configMap: IKeytipConfigMap, parentSequence: string[], keytip: IKeytipConfigItem): void;

// @public
export const ContextualMenu: React_2.FunctionComponent<IContextualMenuProps>;

// @public (undocumented)
export const ContextualMenuBase: React_2.FunctionComponent<IContextualMenuProps>;

// @public
export const ContextualMenuItem: React_2.FunctionComponent<IContextualMenuItemProps>;

// @public (undocumented)
export class ContextualMenuItemBase extends React_2.Component<IContextualMenuItemProps, {}> {
    constructor(props: IContextualMenuItemProps);
    // (undocumented)
    dismissMenu: (dismissAll?: boolean | undefined) => void;
    // (undocumented)
    dismissSubMenu: () => void;
    // (undocumented)
    openSubMenu: () => void;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export enum ContextualMenuItemType {
    // (undocumented)
    Divider = 1,
    // (undocumented)
    Header = 2,
    // (undocumented)
    Normal = 0,
    // (undocumented)
    Section = 3
}

// @public
export function correctHex(hex: string): string;

// @public
export function correctHSV(color: IHSV): IHSV;

// @public
export function correctRGB(color: IRGB): IRGB;

// @public (undocumented)
export function createGenericItem(name: string, currentValidationState: ValidationState): IGenericItem & {
    key: React_2.Key;
};

// @public (undocumented)
export function createItem(name: string, isValid: boolean): ISuggestionModel<IPersonaProps>;

// @public
export function cssColor(color?: string): IRGB | undefined;

// @public (undocumented)
export const DATAKTP_ARIA_TARGET = "data-ktp-aria-target";

// @public (undocumented)
export const DATAKTP_EXECUTE_TARGET = "data-ktp-execute-target";

// @public (undocumented)
export const DATAKTP_TARGET = "data-ktp-target";

// @public (undocumented)
export const DatePicker: React_2.FunctionComponent<IDatePickerProps>;

// @public (undocumented)
export const DatePickerBase: React_2.FunctionComponent<IDatePickerProps>;

export { DateRangeType }

export { DayOfWeek }

// @public (undocumented)
export const DEFAULT_CELL_STYLE_PROPS: ICellStyleProps;

// @public (undocumented)
export const DEFAULT_MASK_CHAR = "_";

// @public (undocumented)
export const DEFAULT_ROW_HEIGHTS: {
    rowHeight: number;
    compactRowHeight: number;
};

// @public (undocumented)
export class DefaultButton extends React_2.Component<IButtonProps, {}> {
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const defaultCalendarNavigationIcons: ICalendarNavigationIcons;

// @public (undocumented)
export const defaultCalendarStrings: ICalendarStrings;

// @public (undocumented)
export const defaultDatePickerStrings: IDatePickerStrings;

// @public @deprecated (undocumented)
export const defaultDayPickerStrings: ICalendarStrings;

// @public (undocumented)
export const defaultWeeklyDayPickerNavigationIcons: IWeeklyDayPickerNavigationIcons;

// @public (undocumented)
export const defaultWeeklyDayPickerStrings: IWeeklyDayPickerStrings;

// @public
export class DetailsColumnBase extends React_2.Component<IDetailsColumnProps> {
    constructor(props: IDetailsColumnProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export const DetailsHeader: React_2.FunctionComponent<IDetailsHeaderBaseProps>;

// @public (undocumented)
export class DetailsHeaderBase extends React_2.Component<IDetailsHeaderBaseProps, IDetailsHeaderState> implements IDetailsHeader {
    constructor(props: IDetailsHeaderBaseProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IDetailsHeaderBaseProps): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        selectAllVisibility: SelectAllVisibility;
        collapseAllVisibility: CollapseAllVisibility;
        useFastIcons: boolean;
    };
    focus(): boolean;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export const DetailsList: React_2.FunctionComponent<IDetailsListProps>;

// @public (undocumented)
export class DetailsListBase extends React_2.Component<IDetailsListProps, IDetailsListState> implements IDetailsList {
    constructor(props: IDetailsListProps);
    // (undocumented)
    componentDidUpdate(prevProps: IDetailsListProps, prevState: IDetailsListState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        layoutMode: DetailsListLayoutMode;
        selectionMode: SelectionMode_2;
        constrainMode: ConstrainMode;
        checkboxVisibility: CheckboxVisibility;
        isHeaderVisible: boolean;
        compact: boolean;
        useFastIcons: boolean;
    };
    // (undocumented)
    focusIndex(index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
    // (undocumented)
    forceUpdate(): void;
    // (undocumented)
    static getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState;
    // (undocumented)
    getStartItemIndexInView(): number;
    // (undocumented)
    protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps> | undefined) => JSX.Element;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
    }

// @public (undocumented)
export enum DetailsListLayoutMode {
    fixedColumns = 0,
    justified = 1
}

// @public (undocumented)
export const DetailsRow: React_2.FunctionComponent<IDetailsRowBaseProps>;

// @public (undocumented)
export class DetailsRowBase extends React_2.Component<IDetailsRowBaseProps, IDetailsRowState> {
    constructor(props: IDetailsRowBaseProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(previousProps: IDetailsRowBaseProps): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    focus(forceIntoFirstElement?: boolean): boolean;
    // (undocumented)
    static getDerivedStateFromProps(nextProps: IDetailsRowBaseProps, previousState: IDetailsRowState): IDetailsRowState;
    measureCell(index: number, onMeasureDone: (width: number) => void): void;
    // (undocumented)
    protected _onRenderCheck(props: IDetailsRowCheckProps): JSX.Element;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    shouldComponentUpdate(nextProps: IDetailsRowBaseProps, nextState: IDetailsRowState): boolean;
    }

// @public (undocumented)
export const DetailsRowCheck: React_2.FunctionComponent<IDetailsRowCheckProps>;

// @public
export const DetailsRowFields: React_2.FunctionComponent<IDetailsRowFieldsProps>;

// @public (undocumented)
export const DetailsRowGlobalClassNames: {
    root: string;
    compact: string;
    cell: string;
    cellAnimation: string;
    cellCheck: string;
    check: string;
    cellMeasurer: string;
    listCellFirstChild: string;
    isContentUnselectable: string;
    isSelected: string;
    isCheckVisible: string;
    isRowHeader: string;
    fields: string;
};

// @public (undocumented)
export const Dialog: React_2.FunctionComponent<IDialogProps>;

// @public (undocumented)
export class DialogBase extends React_2.Component<IDialogProps, {}> {
    constructor(props: IDialogProps);
    // (undocumented)
    static defaultProps: IDialogProps;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const DialogContent: React_2.FunctionComponent<IDialogContentProps>;

// @public (undocumented)
export class DialogContentBase extends React_2.Component<IDialogContentProps, {}> {
    constructor(props: IDialogContentProps);
    // (undocumented)
    static defaultProps: IDialogContentProps;
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export const DialogFooter: React_2.FunctionComponent<IDialogFooterProps>;

// @public (undocumented)
export class DialogFooterBase extends React_2.Component<IDialogFooterProps, {}> {
    constructor(props: IDialogFooterProps);
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export enum DialogType {
    close = 2,
    largeHeader = 1,
    normal = 0
}

// @public (undocumented)
export const DirectionalHint: {
    topLeftEdge: 0;
    topCenter: 1;
    topRightEdge: 2;
    topAutoEdge: 3;
    bottomLeftEdge: 4;
    bottomCenter: 5;
    bottomRightEdge: 6;
    bottomAutoEdge: 7;
    leftTopEdge: 8;
    leftCenter: 9;
    leftBottomEdge: 10;
    rightTopEdge: 11;
    rightCenter: 12;
    rightBottomEdge: 13;
};

// @public (undocumented)
export type DirectionalHint = typeof DirectionalHint[keyof typeof DirectionalHint];

// @public (undocumented)
export const DocumentCard: React_2.FunctionComponent<IDocumentCardProps>;

// @public (undocumented)
export const DocumentCardActions: React_2.FunctionComponent<IDocumentCardActionsProps>;

// @public (undocumented)
export const DocumentCardActivity: React_2.FunctionComponent<IDocumentCardActivityProps>;

// @public (undocumented)
export const DocumentCardDetails: React_2.FunctionComponent<IDocumentCardDetailsProps>;

// @public (undocumented)
export const DocumentCardImage: React_2.FunctionComponent<IDocumentCardImageProps>;

// @public (undocumented)
export const DocumentCardLocation: React_2.FunctionComponent<IDocumentCardLocationProps>;

// @public (undocumented)
export const DocumentCardLogo: React_2.FunctionComponent<IDocumentCardLogoProps>;

// @public (undocumented)
export const DocumentCardPreview: React_2.FunctionComponent<IDocumentCardPreviewProps>;

// @public (undocumented)
export const DocumentCardStatus: React_2.FunctionComponent<IDocumentCardStatusProps>;

// @public (undocumented)
export const DocumentCardTitle: React_2.FunctionComponent<IDocumentCardTitleProps>;

// @public (undocumented)
export enum DocumentCardType {
    compact = 1,
    normal = 0
}

// @public (undocumented)
export class DragDropHelper implements IDragDropHelper {
    constructor(params: IDragDropHelperParams);
    // (undocumented)
    dispose(): void;
    // (undocumented)
    subscribe(root: HTMLElement, events: EventGroup, dragDropOptions: IDragDropOptions): {
        key: string;
        dispose(): void;
    };
    // (undocumented)
    unsubscribe(root: HTMLElement, key: string): void;
}

// @public (undocumented)
export const Dropdown: React_2.FunctionComponent<IDropdownProps>;

// @public (undocumented)
export const DropdownBase: React_2.FunctionComponent<IDropdownProps>;

// @public (undocumented)
export enum ElementType {
    anchor = 1,
    button = 0
}

// @public (undocumented)
export const ExpandingCard: React_2.FunctionComponent<IExpandingCardProps>;

// @public (undocumented)
export class ExpandingCardBase extends React_2.Component<IExpandingCardProps, IExpandingCardState> {
    constructor(props: IExpandingCardProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        compactCardHeight: number;
        expandedCardHeight: number;
        directionalHintFixed: boolean;
    };
    // (undocumented)
    render(): JSX.Element;
}

// @public (undocumented)
export enum ExpandingCardMode {
    compact = 0,
    expanded = 1
}

// @public (undocumented)
export class ExtendedPeoplePicker extends BaseExtendedPeoplePicker {
}

// @public (undocumented)
export class ExtendedSelectedItem extends React_2.Component<ISelectedPeopleItemProps, IPeoplePickerItemState> {
    constructor(props: ISelectedPeopleItemProps);
    // (undocumented)
    protected persona: React_2.RefObject<HTMLDivElement>;
    // (undocumented)
    render(): JSX.Element;
}

// @public @deprecated (undocumented)
export const Fabric: React_2.FunctionComponent<IFabricProps>;

// @public (undocumented)
export const FabricBase: React_2.FunctionComponent<IFabricProps>;

// @public (undocumented)
export enum FabricSlots {
    // (undocumented)
    black = 20,
    // (undocumented)
    neutralDark = 19,
    // (undocumented)
    neutralLight = 11,
    // (undocumented)
    neutralLighter = 10,
    // (undocumented)
    neutralLighterAlt = 9,
    // (undocumented)
    neutralPrimary = 18,
    // (undocumented)
    neutralPrimaryAlt = 17,
    // (undocumented)
    neutralQuaternary = 13,
    // (undocumented)
    neutralQuaternaryAlt = 12,
    // (undocumented)
    neutralSecondary = 16,
    // (undocumented)
    neutralTertiary = 15,
    // (undocumented)
    neutralTertiaryAlt = 14,
    // (undocumented)
    themeDark = 7,
    // (undocumented)
    themeDarkAlt = 6,
    // (undocumented)
    themeDarker = 8,
    // (undocumented)
    themeLight = 3,
    // (undocumented)
    themeLighter = 2,
    // (undocumented)
    themeLighterAlt = 1,
    // (undocumented)
    themePrimary = 0,
    // (undocumented)
    themeSecondary = 5,
    // (undocumented)
    themeTertiary = 4,
    // (undocumented)
    white = 21
}

// @public
export const Facepile: React_2.FunctionComponent<IFacepileProps>;

// @public
export class FacepileBase extends React_2.Component<IFacepileProps, {}> {
    constructor(props: IFacepileProps);
    // (undocumented)
    static defaultProps: IFacepileProps;
    // (undocumented)
    protected onRenderAriaDescription(): "" | JSX.Element | undefined;
    // (undocumented)
    render(): JSX.Element;
    }

export { FirstWeekOfYear }

// @public (undocumented)
export class FloatingPeoplePicker extends BaseFloatingPeoplePicker {
    // (undocumented)
    static defaultProps: any;
}

// @public
export const FocusTrapCallout: React_2.FunctionComponent<IFocusTrapCalloutProps>;

// @public (undocumented)
export const FocusTrapZone: React_2.FunctionComponent<IFocusTrapZoneProps> & {
    focusStack: string[];
};

// @public
export const FontIcon: React_2.FunctionComponent<IFontIconProps>;

// @public (undocumented)
export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[];

// @public
export function getAriaDescribedBy(keySequences: string[]): string;

// @public (undocumented)
export function getBackgroundShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null;

// @public (undocumented)
export function getBoundsFromTargetWindow(target: Element | MouseEvent | Point | Rectangle | null, targetWindow: IWindowWithSegments): IRectangle;

// @public
export function getColorFromHSV(hsv: IHSV, a?: number): IColor;

// @public
export function getColorFromRGBA(rgba: IRGB): IColor;

// @public
export function getColorFromString(inputColor: string): IColor | undefined;

// @public (undocumented)
export function getContrastRatio(color1: IColor, color2: IColor): number;

// @public (undocumented)
export const getDetailsRowStyles: (props: IDetailsRowStyleProps) => IDetailsRowStyles;

// @public
export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React_2.ReactElement<any, any> | null;

// @public
export function getFullColorString(color: IColor): string;

// @public (undocumented)
export const getIconContent: (iconName?: string | undefined) => IIconContent | null;

// @public (undocumented)
export function getInitialResponsiveMode(): ResponsiveMode;

// @public
export function getMaxHeight(target: Element | MouseEvent | Point | Rectangle, targetEdge: DirectionalHint, gapSpace?: number, bounds?: IRectangle, coverTarget?: boolean): number;

// @public
export const getMeasurementCache: () => {
    getCachedMeasurement: (data: any) => number | undefined;
    addMeasurementToCache: (data: any, measurement: number) => void;
};

// @public (undocumented)
export const getMenuItemStyles: (theme: ITheme) => IMenuItemStyles;

// @public
export const getNextResizeGroupStateProvider: (measurementCache?: {
    getCachedMeasurement: (data: any) => number | undefined;
    addMeasurementToCache: (data: any, measurement: number) => void;
}) => {
    getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number | undefined) => IResizeGroupState | undefined;
    shouldRenderDataForMeasurement: (dataToMeasure: any | undefined) => boolean;
    getInitialResizeGroupState: (data: any) => IResizeGroupState;
};

// @public
export function getOppositeEdge(edge: RectangleEdge): RectangleEdge;

// @public
export function getPersonaInitialsColor(props: Pick<IPersonaProps, 'primaryText' | 'text' | 'initialsColor'>): string;

// @public
export function getResponsiveMode(currentWindow: Window | undefined): ResponsiveMode;

// @public
export function getShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null;

// @public (undocumented)
export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean | undefined) => ISplitButtonClassNames;

// @public (undocumented)
export function getSubmenuItems(item: IContextualMenuItem): IContextualMenuItem[] | undefined;

// @public (undocumented)
export const GroupedList: React_2.FunctionComponent<IGroupedListProps>;

// @public (undocumented)
export class GroupedListBase extends React_2.Component<IGroupedListProps, IGroupedListState> implements IGroupedList {
    constructor(props: IGroupedListProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    static defaultProps: {
        selectionMode: SelectionMode_2;
        isHeaderVisible: boolean;
        groupProps: {};
        compact: boolean;
    };
    // (undocumented)
    forceUpdate(): void;
    // (undocumented)
    static getDerivedStateFromProps(nextProps: IGroupedListProps, previousState: IGroupedListState): IGroupedListState;
    // (undocumented)
    getStartItemIndexInView(): number;
    // (undocumented)
    render(): JSX.Element;
    // (undocumented)
    scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void;
    // (undocumented)
    toggleCollapseAll(allCollapsed: boolean): void;
    }

// @public (undocumented)
export class GroupedListSection extends React_2.Component<IGroupedListSectionProps, IGroupedListSectionState> {
    constructor(props: IGroupedListSectionProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(previousProps: IGroupedListSectionProps): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    forceListUpdate(): void;
    // (undocumented)
    forceUpdate(): void;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export const GroupFooter: React_2.FunctionComponent<IGroupFooterProps>;

// @public (undocumented)
export const GroupHeader: React_2.FunctionComponent<IGroupHeaderProps>;

// @public (undocumented)
export const GroupShowAll: React_2.FunctionComponent<IGroupShowAllProps>;

// @public (undocumented)
export const GroupSpacer: React_2.FunctionComponent<IGroupSpacerProps>;

// @public
export const HEX_REGEX: RegExp;

// @public (undocumented)
export const HoverCard: React_2.FunctionComponent<IHoverCardProps>;

// @public (undocumented)
export class HoverCardBase extends React_2.Component<IHoverCardProps, IHoverCardState> implements IHoverCard {
    constructor(props: IHoverCardProps);
    // (undocumented)
    componentDidMount(): void;
    // (undocumented)
    componentDidUpdate(prevProps: IHoverCardProps, prevState: IHoverCardState): void;
    // (undocumented)
    componentWillUnmount(): void;
    // (undocumented)
    static defaultProps: {
        cardOpenDelay: number;
        cardDismissDelay: number;
        expandedCardOpenDelay: number;
        instantOpenOnClick: boolean;
        setInitialFocus: boolean;
        openHotKey: number;
        type: HoverCardType;
    };
    // (undocumented)
    dismiss: (withTimeOut?: boolean | undefined) => void;
    // (undocumented)
    render(): JSX.Element;
    }

// @public (undocumented)
export enum HoverCardType {
    expanding = "ExpandingCard",
    plain = "PlainCard"
}

// @public
export function hsl2hsv(h: number, s: number, l: number): IHSV;

// @public
export function hsl2rgb(h: number, s: number, l: number): IRGB;

// @public
export function hsv2hex(h: number, s: number, v: number): string;

// @public
export function hsv2hsl(h: number, s: number, v: number): IHSL;

// @public
export function hsv2rgb(h: number, s: number, v: number): IRGB;

// @public (undocumented)
export interface IAccessiblePopupProps {
    closeButtonAriaLabel?: string;
    elementToFocusOnDismiss?: HTMLElement;
    firstFocusableSelector?: string | (() => string);
    forceFocusInsideTrap?: boolean;
    ignoreExternalFocusing?: boolean;
    isClickableOutsideFocusTrap?: boolean;
}

// @public (undocumented)
export interface IActivityItemProps extends React_2.AllHTMLAttributes<HTMLElement> {
    activityDescription?: React_2.ReactNode[] | React_2.ReactNode;
    // @deprecated
    activityDescriptionText?: string;
    activityIcon?: React_2.ReactNode;
    activityPersonas?: IPersonaSharedProps[];
    animateBeaconSignal?: boolean;
    beaconColorOne?: string;
    beaconColorTwo?: string;
    comments?: React_2.ReactNode[] | React_2.ReactNode;
    // @deprecated
    commentText?: string;
    isCompact?: boolean;
    onRenderActivityDescription?: IRenderFunction<IActivityItemProps>;
    onRenderComments?: IRenderFunction<IActivityItemProps>;
    onRenderIcon?: IRenderFunction<IActivityItemProps>;
    onRenderTimeStamp?: IRenderFunction<IActivityItemProps>;
    styles?: IActivityItemStyles;
    timeStamp?: string | React_2.ReactNode[] | React_2.ReactNode;
}

// @public (undocumented)
export interface IActivityItemStyles {
    activityContent?: IStyle;
    activityPersona?: IStyle;
    activityText?: IStyle;
    activityTypeIcon?: IStyle;
    commentText?: IStyle;
    doublePersona?: IStyle;
    isCompactContent?: IStyle;
    isCompactIcon?: IStyle;
    isCompactPersona?: IStyle;
    isCompactPersonaContainer?: IStyle;
    isCompactRoot?: IStyle;
    isCompactTimeStamp?: IStyle;
    personaContainer?: IStyle;
    pulsingBeacon?: IStyle;
    root?: IStyle;
    timeStamp?: IStyle;
}

// @public (undocumented)
export interface IAnnouncedProps extends React_2.Props<AnnouncedBase>, React_2.HTMLAttributes<HTMLDivElement> {
    'aria-live'?: 'off' | 'polite' | 'assertive';
    as?: React_2.ElementType;
    message?: string;
    styles?: IStyleFunctionOrObject<{}, IAnnouncedStyles>;
}

// @public (undocumented)
export type IAnnouncedStyleProps = Pick<IAnnouncedProps, 'className'>;

// @public (undocumented)
export interface IAnnouncedStyles {
    root: IStyle;
    screenReaderText: IStyle;
}

// @public (undocumented)
export interface IAutofill {
    clear(): void;
    cursorLocation: number | null;
    focus(): void;
    inputElement: HTMLInputElement | null;
    isValueSelected: boolean;
    selectionEnd: number | null;
    selectionStart: number | null;
    value: string;
}

// @public (undocumented)
export interface IAutofillProps extends React_2.InputHTMLAttributes<HTMLInputElement | Autofill> {
    componentRef?: IRefObject<IAutofill>;
    defaultVisibleValue?: string;
    enableAutofillOnKeyPress?: KeyCodes[];
    // @deprecated
    onInputChange?: (value: string, composing: boolean) => string | void;
    onInputValueChange?: (newValue?: string, composing?: boolean) => void;
    preventValueSelection?: boolean;
    shouldSelectFullInputValueInComponentDidUpdate?: () => boolean;
    suggestedDisplayValue?: string;
    // @deprecated
    updateValueInWillReceiveProps?: () => string | null;
}

// @public (undocumented)
export interface IAutofillState {
    // (undocumented)
    inputValue: string;
}

// @public (undocumented)
export interface IBaseButtonProps extends IButtonProps {
    // (undocumented)
    baseClassName?: string;
    // (undocumented)
    variantClassName?: string;
}

// @public (undocumented)
export interface IBaseButtonState {
    // (undocumented)
    menuHidden: boolean;
}

// @public (undocumented)
export interface IBaseExtendedPicker<T> {
    focus: () => void;
    forceResolve?: () => void;
    items: T[] | undefined;
}

// @public (undocumented)
export interface IBaseExtendedPickerProps<T> {
    className?: string;
    componentRef?: IRefObject<IBaseExtendedPicker<T>>;
    currentRenderedQueryString?: string;
    defaultSelectedItems?: T[];
    disabled?: boolean;
    floatingPickerProps: IBaseFloatingPickerProps<T>;
    focusZoneProps?: IFocusZoneProps;
    headerComponent?: JSX.Element;
    inputProps?: IInputProps;
    itemLimit?: number;
    onBlur?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
    onChange?: (items?: T[]) => void;
    onFocus?: React_2.FocusEventHandler<HTMLInputElement | Autofill>;
    onItemAdded?: (addedItem: T) => void;
    onItemSelected?: (selectedItem?: T) => T | PromiseLike<T>;
    onItemsRemoved?: (removedItems: T[]) => void;
    onPaste?: (pastedText: string) => T[];
    onRenderFloatingPicker: React_2.ComponentType<IBaseFloatingPickerProps<T>>;
    onRenderSelectedItems: React_2.ComponentType<IBaseSelectedItemsListProps<T>>;
    selectedItems?: T[];
    selectedItemsListProps: IBaseSelectedItemsListProps<T>;
    suggestionItems?: T[];
}

// @public (undocumented)
export interface IBaseExtendedPickerState<T> {
    // (undocumented)
    queryString: string | null;
}

// @public (undocumented)
export interface IBaseFloatingPicker {
    hidePicker: () => void;
    inputText: string;
    isSuggestionsShown: boolean;
    onQueryStringChanged: (input: string) => void;
    showPicker: (updateValue?: boolean) => void;
    suggestions: any[];
}

// @public (undocumented)
export interface IBaseFloatingPickerProps<T> extends React_2.ClassAttributes<any> {
    calloutWidth?: number;
    className?: string;
    // (undocumented)
    componentRef?: IRefObject<IBaseFloatingPicker>;
    createGenericItem?: (input: string, isValid: boolean) => ISuggestionModel<T>;
    getTextFromItem?: (item: T, currentValue?: string) => string;
    inputElement?: HTMLInputElement | null;
    onChange?: (item: T) => void;
    onInputChanged?: (filter: string) => void;
    onRemoveSuggestion?: (item: T) => void;
    onRend