* Look ma! This is Custom Content.
*
*
* ```
*/
children: PropTypes.node,
/**
* Extra classnames to apply to the dropdown menu.
*/
className: PropTypes.string,
/**
* An image URL or avatar node to display for the user profile.
*/
avatar: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
/**
* CSS classes to be added to `li` element.
*/
buttonClassName: PropTypes.oneOfType([
PropTypes.array,
PropTypes.object,
PropTypes.string,
]),
/**
* A unique ID is needed in order to support keyboard navigation, ARIA support, and connect the dropdown to the triggering button.
*/
id: PropTypes.string,
/**
* Positions dropdown menu with a nubbin--that is the arrow notch. The placement options correspond to the placement of the nubbin. This is implemeted with CSS classes and is best used with a `Button` with "icon container" styling. Dropdown menus will still be contained to the closest scrolling parent.
*/
nubbinPosition: PropTypes.oneOf([
'top left',
'top',
'top right',
'bottom left',
'bottom',
'bottom right',
]),
/**
* Offset adds pixels to the absolutely positioned dropdown menu in the format: ([vertical]px [horizontal]px).
*/
offset: PropTypes.string,
/**
* Triggered when an item in the menu is clicked.
*/
onSelect: PropTypes.func,
/**
* An array of menu item.
*/
options: PropTypes.array,
};
// ### Default Props
GlobalHeaderProfile.defaultProps = {
align: 'right',
buttonVariant: 'icon',
iconVariant: 'container',
nubbinPosition: 'top right',
};
export default GlobalHeaderProfile;