```jsx
import UsersAvatarGroup from '@/components/shared/UsersAvatarGroup'

const data = [
    {
        userName: 'Ron Vargas',
        avatarimg: '/img/avatars/thumb-3.jpg',
    },
    {
        userName: 'Carolyn Hanson',
        avatarimg: '/img/avatars/thumb-9.jpg',
    },
    {
        userName: 'Samantha Phillips',
        avatarimg: '/img/avatars/thumb-6.jpg',
    },
    {
        userName: 'Ella Robinson',
        avatarimg: '/img/avatars/thumb-15.jpg',
    },
]

const Example = () => {
    return (
        <UsersAvatarGroup
            nameKey="userName"
            imgKey="avatarimg"
            avatarProps={{ size: 40 }}
            users={data}
        />
    )
}

export default Example
```
