content: import React from 'react'
  import { Item } from 'semantic-ui-react'
  
  const description = [
    'Cute dogs come in a variety of shapes and sizes. Some cute dogs are cute for their adorable faces, others for their',
    'tiny stature, and even others for their massive size.',
  ].join(' ')
  
  const ItemExampleDescriptions = () => (
    <Item.Group>
      <Item>
        <Item.Image size='small' src='http://semantic-ui.com/images/wireframe/image.png' />
  
        <Item.Content>
          <Item.Header as='a'>Cute Dog</Item.Header>
          <Item.Description>
            <p>{description}</p>
            <p>
              Many people also have their own barometers for what makes a cute dog.
            </p>
          </Item.Description>
        </Item.Content>
      </Item>
  
      <Item>
        <Item.Image size='small' src='http://semantic-ui.com/images/wireframe/image.png' />
  
        <Item.Content>
          <Item.Header as='a'>Cute Dog</Item.Header>
          <Item.Description content={description} />
        </Item.Content>
      </Item>
  
      <Item>
        <Item.Image size='small' src='http://semantic-ui.com/images/wireframe/image.png' />
        <Item.Content header='Cute Dog' description={description} />
      </Item>
    </Item.Group>
  )
  
  export default ItemExampleDescriptions
  