import React from 'react';
import { type ComposableProps } from '../../../lib/slot';
import { AvatarImage } from './AvatarImage';
import { AvatarFallback } from './AvatarFallback';
export type AvatarSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
export type AvatarShape = "circle" | "square";
export interface AvatarProps extends ComposableProps<'div'> {
    size?: AvatarSize | number;
    shape?: AvatarShape;
    src?: string | React.ReactNode;
    icon?: React.ReactNode;
    alt?: string;
    gap?: number;
    className?: string;
    style?: React.CSSProperties;
}
export interface AvatarGroupProps {
    maxCount?: number;
    maxStyle?: React.CSSProperties;
    maxPopoverPlacement?: 'top' | 'bottom';
    size?: AvatarSize;
    shape?: AvatarShape;
    children?: React.ReactNode;
    className?: string;
}
/**
 * Avatar Component
 *
 * A composable component for displaying user avatars.
 * Supports both composable API (recommended) and declarative API (deprecated).
 *
 * @public
 *
 * @example
 * ```tsx
 * // Composable API (recommended)
 * <Avatar size="md" shape="circle">
 *   <AvatarImage src="/avatar.jpg" alt="User" />
 *   <AvatarFallback>JD</AvatarFallback>
 * </Avatar>
 *
 * // Declarative API (deprecated)
 * <Avatar src="/avatar.jpg" alt="User" />
 * ```
 *
 * @remarks
 * - Wraps the HTML `<div>` element by default.
 * - Supports `asChild` prop to merge props with a custom child element.
 * - Declarative API is deprecated but still functional for backward compatibility.
 */
declare const AvatarBase: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
type AvatarWithSubcomponents = typeof AvatarBase & {
    AvatarImage: typeof AvatarImage;
    AvatarFallback: typeof AvatarFallback;
};
declare const Avatar: AvatarWithSubcomponents;
export { Avatar };
export default Avatar;
declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
export { AvatarGroup };
export { AvatarImage } from './AvatarImage';
export { AvatarFallback } from './AvatarFallback';
//# sourceMappingURL=Avatar.d.ts.map