import React from 'react';
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
import type { OtherHTMLAttributes, ChildrenOfType } from '@instructure/shared-types';
import type { ItemChild } from '../TopNavBarItem/props';
import { TopNavBarUser } from './index';
type UserChild = React.ComponentElement<TopNavBarUserProps, TopNavBarUser>;
type TopNavBarUserOwnProps = {
    /**
     * Required children of type TopNavBar.Item.
     *
     * Only accepts 'default', 'button' and 'avatar' variants.
     *
     * In "smallViewport" mode it will always display as text (with or without avatar).
     */
    children: ChildrenOfType<ItemChild>;
    /**
     * A function that returns a reference to root HTML element
     */
    elementRef?: (el: HTMLDivElement | null) => void;
};
type PropKeys = keyof TopNavBarUserOwnProps;
type AllowedPropKeys = Readonly<Array<PropKeys>>;
type TopNavBarUserProps = TopNavBarUserOwnProps & WithStyleProps<null, TopNavBarUserStyle> & OtherHTMLAttributes<TopNavBarUserOwnProps>;
type TopNavBarUserStyle = ComponentStyle<'topNavBarUser'>;
declare const allowedProps: AllowedPropKeys;
export type { UserChild, TopNavBarUserProps, TopNavBarUserOwnProps, TopNavBarUserStyle };
export { allowedProps };
//# sourceMappingURL=props.d.ts.map