import type { ComponentSize, RoundedSize, ThemeColor } from '../../types';
import '../icon/icon';
export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
/** Avatar component properties */
export type OreAvatarProps = {
    /** Alt text for the image; also used to derive initials when no `initials` prop is given */
    alt?: string;
    /** Theme color (used for initials background) */
    color?: ThemeColor;
    /** Explicit initials to display when no image is available (e.g. "JD") */
    initials?: string;
    /** Border radius */
    rounded?: RoundedSize | '';
    /** Component size */
    size?: ComponentSize;
    /** Image source URL */
    src?: string;
    /** Online presence indicator */
    status?: AvatarStatus;
};
/**
 * Displays a user avatar: image → initials → generic fallback icon, in that priority order.
 *
 * @element ore-avatar
 *
 * @attr {string} src - Image source URL
 * @attr {string} alt - Image alt text (also used to derive initials)
 * @attr {string} initials - Explicit initials (up to 2 chars)
 * @attr {string} color - Theme color for initials background: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} size - 'sm' | 'md' | 'lg'
 * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full'
 * @attr {string} status - 'online' | 'offline' | 'busy' | 'away'
 *
 * @slot - Fallback content shown when image and initials are unavailable.
 * @cssprop --avatar-size - Diameter of the avatar
 * @cssprop --avatar-bg - Background color
 * @cssprop --avatar-color - Text/icon color
 * @cssprop --avatar-radius - Border radius
 * @cssprop --avatar-border - Border shorthand
 * @cssprop --avatar-border-color - Border color (also controls status dot border)
 *
 * @part avatar - Avatar root container.
 * @part img - Image element.
 * @part initials - Initials fallback element.
 * @part fallback - Shadow part for the `fallback` element.
 * @part status - Status indicator element.
 * @part overflow - Overflow indicator element.
 * @example
 * ```html
 * <ore-avatar src="/jane.jpg" alt="Jane Doe"></ore-avatar>
 * <ore-avatar initials="JD" color="primary"></ore-avatar>
 * <ore-avatar alt="John Smith" status="online"></ore-avatar>
 * ```
 */
export declare const AVATAR_TAG: "ore-avatar";
//# sourceMappingURL=avatar.d.ts.map