function Example()

in src/avatar/avatar.stories.tsx [19:57]
39 lines of code
2 McCabe index (conditional complexity)

  function Example() {
    return (
      <div>
        {[Size.Size16, Size.Size20, Size.Size24, Size.Size28, Size.Size32, Size.Size40, Size.Size56].map(size => {
          const warningIcon = size < 32 ? warningIcon12 : warningIcon20;
          return (
            <div className='avatar-demo' key={size}>
              Size {size}
              <div className='avatar-demo-cell'>
                <Avatar size={size} url={avatarSrc} />
              </div>
              <div className='avatar-demo-cell'>
                <Avatar size={size} username={`Samuel${size} Morse${size}`} />
              </div>
              <div className='avatar-demo-cell'>
                <Avatar size={size} info='5' />
              </div>
              <div className='avatar-demo-cell'>
                <Avatar size={size} info={<Icon glyph={warningIcon} />} />
              </div>
              <div className='avatar-demo-cell' />
              <div className='avatar-demo-cell'>
                <Avatar size={size} url={avatarSrc} round />
              </div>
              <div className='avatar-demo-cell'>
                <Avatar size={size} username={`Samuel${size} Morse${size}`} round />
              </div>
              <div className='avatar-demo-cell'>
                <Avatar size={size} info='5' round />
              </div>
              <div className='avatar-demo-cell'>
                <Avatar size={size} info={<Icon glyph={warningIcon} />} round />
              </div>
            </div>
          );
        })}
      </div>
    );
  }