Panic nova syntax

Image.js

import Image from '@components/Image';

const Avatars = ({ users = [] }) => (
  <div className="flex -space-x-2 overflow-hidden">
    {users.map((user) => (
      <div className="flex flex-col items-center" key={user.name}>
        <div className="relative inline-block h-20 w-20 rounded-full ring-4 ring-white overflow-hidden bg-gray-100">
          <Image
            width={160}
            height={160}
            imageId={user.imageId}
            alt={`Profielfoto van ${user.name}`}
          />
        </div>
        <div className="text-xs text-gray-500 mt-0.5">{user.name}</div>
      </div>
    ))}
  </div>
);

export default Avatars;