sprint/packages/frontend/src/components/small-user-display.tsx

import type { UserRecord } from "@sprint/shared";
import Avatar from "@/components/avatar";
import { cn } from "@/lib/utils";

export default function SmallUserDisplay({ user, className }: { user: UserRecord; className?: string }) {
    return (
        <div className={cn("flex gap-2 items-center", className)}>
            <Avatar
                name={user.name}
                username={user.username}
                avatarURL={user.avatarURL}
                size={6}
                textClass="text-xs"
            />
            {user.name}
        </div>
    );
}