import { ToRefs } from 'vue';
export type AvatarUser = {
    name: string;
    avatar?: string | null;
};
export type AvatarUserWithId = AvatarUser & {
    id: string;
};
export type UserAvatarSize = '2xs' | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | '3xl' | 'editable';
export declare function useAvatarSizeClasses(params: {
    props: ToRefs<{
        size?: UserAvatarSize;
    }>;
}): {
    heightClasses: import('vue').ComputedRef<"h-4" | "h-5" | "h-10" | "h-6" | "h-8" | "h-14" | "h-24" | "h-32" | "h-60">;
    widthClasses: import('vue').ComputedRef<"w-6" | "w-10" | "w-8" | "w-4" | "w-5" | "w-14" | "w-24" | "w-32" | "w-60">;
    sizeClasses: import('vue').ComputedRef<string>;
    iconClasses: import('vue').ComputedRef<"w-4 h-4" | "w-3 h-3" | "w-5 h-5" | "w-8 h-8" | "w-10 h-10" | "w-20 h-20">;
};