import { type ButtonHTMLAttributes, ReactNode } from 'react';
export type TAvatarList = {
    text: string;
    href?: string;
    icon?: ReactNode;
} & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'className'>;
/**
 * AvatarItem component for rendering an item in the Avatar dropdown list.
 *
 * @component
 * @example
 * // Example usage of AvatarItem component
 * <AvatarItem
 *   text="Profile"
 *   href="/profile"
 *   icon={<ProfileIcon />}
 *   className="custom-class"
 *   onClick={() => console.log('Profile clicked')}
 * />
 *
 * @param {TAvatarList} props - The properties of the AvatarItem component.
 * @param {string} props.text - The text to be displayed for the item.
 * @param {ReactNode} [props.icon] - Optional icon to be displayed alongside the text.
 * @param {string} [props.className] - Optional additional class names for the item.
 * @param {string} [props.href] - Optional URL to navigate to when the item is clicked.
 * @param {function} [props.onClick] - Optional click handler for the item.
 *
 * @returns {ReactNode} The rendered AvatarItem component.
 */
export declare function AvatarItem({ text, icon, className, href, onClick, }: TAvatarList): ReactNode;
//# sourceMappingURL=AvatarItem.d.ts.map