/**
 * Default theme for the AvatarGroup component
 */
const avatarGroupTheme = {
    // Base styles for the avatar group
    baseStyle: "flex items-start",
    // Spacing options - separated from hover effects
    spacingStyles: {
        tight: "-ml-5 z-10",
        normal: "-ml-3 z-10",
        loose: "-ml-2 z-10",
    },
    // Overflow avatar styles
    overflowAvatarStyle: "bg-[var(--color-surface)] text-[var(--color-text-secondary)] font-semibold text-sm flex items-center justify-center size-7",
};

export { avatarGroupTheme };
