@undp/design-system-react/dist/Avatar.d.ts

React based design system for UNDP

import { Avatar as Avatar_2 } from 'radix-ui';
import { ClassProp } from 'class-variance-authority/types';
import { JSX } from 'react/jsx-runtime';
import type * as React_2 from 'react';
import { VariantProps } from 'class-variance-authority';

export declare function Avatar({ className, size, ...props }: React_2.ComponentProps<typeof Avatar_2.Root> & {
    size?: 'default' | 'sm' | 'lg';
}): JSX.Element;

export declare function AvatarBadge({ className, status, ...props }: React_2.ComponentProps<'span'> & VariantProps<typeof avatarBadgeVariants>): JSX.Element;

declare const avatarBadgeVariants: (props?: ({
    status?: "idle" | "available" | "offline" | "busy" | null | undefined;
} & ClassProp) | undefined) => string;

declare const avatarColorVariants: (props?: ({
    color?: "error" | "warning" | "success" | "info" | "primary" | "secondary" | "tertiary" | "quaternary" | "surface" | "background" | "background-soft" | "foreground" | "foreground-soft" | "transparent" | "surface-2xs" | "surface-xs" | "surface-sm" | "surface-md" | "surface-lg" | "surface-xl" | "surface-2xl" | "surface-3xl" | "surface-4xl" | "sgd-1" | "sgd-2" | "sgd-3" | "sgd-4" | "sgd-5" | "sgd-6" | "sgd-7" | "sgd-8" | "sgd-9" | "sgd-10" | "sgd-11" | "sgd-12" | "sgd-13" | "sgd-14" | "sgd-15" | "sgd-16" | "sgd-17" | null | undefined;
    border?: boolean | null | undefined;
} & ClassProp) | undefined) => string;

export declare function AvatarFallback({ className, color, border, ...props }: React_2.ComponentProps<typeof Avatar_2.Fallback> & VariantProps<typeof avatarColorVariants>): JSX.Element;

export declare function AvatarGroup({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;

export declare function AvatarGroupCount({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;

export declare function AvatarImage({ className, ...props }: React_2.ComponentProps<typeof Avatar_2.Image>): JSX.Element;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}