Avatar

import { Avatar, AvatarGroup } from '@brutal-ui/react';

<Avatar src='https://i.pravatar.cc/150' alt='John Doe' />
<Avatar fallback='JS' alt='Jane Smith' />
<Avatar fallback='BJ' alt='Bob Johnson' size='lg' />

<Avatar fallback='SM' size='sm' />
<Avatar fallback='MD' size='md' />
<Avatar fallback='LG' size='lg' />

<Avatar fallback='SQ' shape='square' />
<Avatar fallback='CI' shape='circle' />

<AvatarGroup max={3}>
  <Avatar fallback='JD' alt='John Doe' />
  <Avatar fallback='JS' alt='Jane Smith' />
  <Avatar fallback='BJ' alt='Bob Johnson' />
  <Avatar fallback='AW' alt='Alice Williams' />
  <Avatar fallback='CB' alt='Charlie Brown' />
</AvatarGroup>