import React from "react";
import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
export interface AvatarProps
/** Props for the root avatar container */
 extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
}
export interface AvatarImageProps
/** Props for the avatar image element */
 extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> {
    /** Source URL of the avatar image */
    src?: string;
    /** Alt text for the avatar image */
    alt?: string;
}
/** Props for the fallback element shown when the avatar image fails to load */
export interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> {
}
/** @monorepo-internal */
export declare const fallbackAvatarSrc = "/images/profile.webp";
/**
 * Root avatar component that serves as a container for the image and fallback
 *
 * Based on {@link https:/ui.shadcn.com/docs/components/avatar Avatar}
 */
declare function Avatar({ className, children, ref, }: AvatarProps & {
    ref?: React.Ref<React.ComponentRef<typeof AvatarPrimitive.Root>>;
}): React.JSX.Element;
declare namespace Avatar {
    var displayName: string;
}
/**
 * Image component for displaying the actual avatar picture
 *
 * Based on {@link https:/ui.shadcn.com/docs/components/avatar Avatar.Image}
 *
 * @example
 * ```tsx
 *  <Avatar>
        <AvatarImage src="https:/github.com/shadcn.png" alt="User avatar" />
        ...
    </Avatar>
    ```
 */
declare function AvatarImage({ className, ref, src, alt, children, }: AvatarImageProps & {
    ref?: React.Ref<React.ComponentRef<typeof AvatarPrimitive.Image>>;
}): React.JSX.Element;
declare namespace AvatarImage {
    var displayName: string;
}
/**
 * Fallback component shown when the avatar image fails to load
 *
 * Based on {@link https:/ui.shadcn.com/docs/components/avatar Avatar.Fallback}
 *
 * @example
 * ```jsx
    function MyComponent() {
        return (
            <Avatar>
                <AvatarImage src="https:/github.com/shadcn.png" alt="User avatar" />
                <AvatarFallback>UA</AvatarFallback>
            </Avatar>
        );
    }
    ```
 */
declare function AvatarFallback({ className, ref, children, }: AvatarFallbackProps & {
    ref?: React.Ref<React.ComponentRef<typeof AvatarPrimitive.Fallback>>;
}): React.JSX.Element;
declare namespace AvatarFallback {
    var displayName: string;
}
export { Avatar, AvatarImage, AvatarFallback };
