text: import React from 'react'
  import { storiesOf } from '@storybook/react'
  import { withInfo } from '@storybook/addon-info'
  import { Avatar } from '../src'
  
  storiesOf('Avatar', module)
    .add(
      'Avatar component',
      withInfo({
        inline: true,
        text: 'A circular avatar image primitive.',
      })(() => <Avatar src="https://kaoengine.com/team/zach.jpg" size={64} />)
    )
    .add('Team', () => (
      <>
        {['zach', 'max', 'lachlan', 'mingjie', 'athul'].map((key) => (
          <Avatar
            mr={2}
            src={`https://kaoengine.com/team/${key}.jpg`}
            key={key}
          />
        ))}
      </>
    ))
  