@loke/ui
Version:
23 lines (22 loc) • 1.61 kB
TypeScript
import { Primitive } from "@loke/ui/primitive";
import { type ComponentPropsWithoutRef } from "react";
declare const createAvatarScope: import("@loke/ui/context").CreateScope;
type ImageLoadingStatus = "idle" | "loading" | "loaded" | "error";
type PrimitiveSpanProps = ComponentPropsWithoutRef<typeof Primitive.span>;
interface AvatarProps extends PrimitiveSpanProps {
}
declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
type PrimitiveImageProps = ComponentPropsWithoutRef<typeof Primitive.img>;
interface AvatarImageProps extends PrimitiveImageProps {
onLoadingStatusChange?: (status: ImageLoadingStatus) => void;
}
declare const AvatarImage: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
interface AvatarFallbackProps extends PrimitiveSpanProps {
delayMs?: number;
}
declare const AvatarFallback: import("react").ForwardRefExoticComponent<AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>>;
declare const Root: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
declare const Image: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
declare const Fallback: import("react").ForwardRefExoticComponent<AvatarFallbackProps & import("react").RefAttributes<HTMLSpanElement>>;
export { createAvatarScope, Avatar, AvatarImage, AvatarFallback, Root, Image, Fallback, };
export type { AvatarProps, AvatarImageProps, AvatarFallbackProps };