import React from 'react'; import { ViewStyle } from 'react-native'; import { InfoListItemProps } from '../info-list-item/info-list-item'; import { $DeepPartial } from '@callstack/react-theme-provider'; export declare type UserMenuProps = { /** Avatar component to display as the menu trigger */ avatar: JSX.Element; /** Background color of the bottom sheet */ backgroundColor?: string; /** Color of text for the bottom sheet header and menu items */ fontColor?: string; /** Color of icons for the bottom sheet menu items */ iconColor?: string; /** An array of menu items to display in the bottom sheet */ menuItems: InfoListItemProps[]; /** Title to display in the bottom sheet */ menuTitle?: string; /** Subtitle to display in the bottom sheet */ menuSubtitle?: string; /** Style overrides for internal elements. The styles you provide will be combined with the default styles. */ styles?: { root?: ViewStyle; avatar?: ViewStyle; bottomsheet?: ViewStyle; }; /** * Theme value overrides specific to this component. */ theme?: $DeepPartial; }; /** * [UserMenu](https://pxblue-components.github.io/react-native/?path=/info/components-documentation--user-menu) component * * Renders an avatar that can be clicked to open a bottomsheet menu. * * Typically used for a account-style menu with links to settings, log out, etc. */ export declare const UserMenu: React.FC;