@papernote/ui/dist/components/Avatar.d.ts

A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive

import React from 'react';
export interface AvatarProps {
    /** User's first name (for initials) */
    firstName?: string;
    /** User's last name (for initials) */
    lastName?: string;
    /** Fallback text (used if firstName/lastName not provided) */
    fallbackText?: string;
    /** Avatar image URL (if provided, shows image instead of initials) */
    imageUrl?: string;
    /** Size variant */
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /** Custom className for the container */
    className?: string;
}
/**
 * Avatar component that displays:
 * - User initials in a colored circle (default)
 * - Custom image if imageUrl is provided
 *
 * Size variants:
 * - xs: 24px (h-6 w-6, text-xs)
 * - sm: 32px (h-8 w-8, text-sm)
 * - md: 48px (h-12 w-12, text-base)
 * - lg: 64px (h-16 w-16, text-lg)
 * - xl: 96px (h-24 w-24, text-2xl)
 */
export declare const Avatar: React.FC<AvatarProps>;
export default Avatar;
//# sourceMappingURL=Avatar.d.ts.map