import { ButtonHTMLAttributes, ReactNode } from 'react';
import { TAvatarList } from './AvatarItem';
export type AvatarProps = {
    name: string;
    list?: TAvatarList[];
    position?: 'left' | 'right';
} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'className'>;
/**
 * Avatar component for displaying a user's avatar with an optional dropdown list.
 *
 * @component
 * @example
 * // Example usage of Avatar component
 * <Avatar
 *   name="John Doe"
 *   list={[{ name: 'Profile', onClick: () => console.log('Profile clicked') }]}
 *   position="right"
 *   className="custom-class"
 * />
 *
 * @param {Object} props - The properties of the Avatar component.
 * @param {string} props.name - The name of the user to be displayed.
 * @param {TAvatarList[]} [props.list] - Optional list of items to be displayed in the dropdown.
 * @param {'left' | 'right'} [props.position] - Optional position of the dropdown list.
 * @param {string} [props.className] - Optional additional class names for the button element.
 *
 * @returns {ReactNode} The rendered Avatar component.
 */
export declare function Avatar({ name, list, position, ...restProps }: AvatarProps): ReactNode;
//# sourceMappingURL=Avatar.d.ts.map