content: import React from 'react'
  import { TagCloud } from 'react-tagcloud'
  
  const data = [
    { value: 'jQuery', count: 25 },
    { value: 'MongoDB', count: 18 },
    { value: 'JavaScript', count: 38 },
    {
      value: 'React',
      count: 30,
      // props below will be passed to tag component
      props: {
        title: 'React is awesome',
        style: {
          color: 'red',
        },
      },
    },
    { value: 'Nodejs', count: 28 },
    { value: 'Express.js', count: 25 },
    { value: 'HTML5', count: 33 },
    { value: 'CSS3', count: 20 },
    { value: 'Webpack', count: 22 },
    { value: 'Babel.js', count: 7 },
    { value: 'ECMAScript', count: 25 },
    { value: 'Jest', count: 15 },
    { value: 'Mocha', count: 17 },
    { value: 'React Native', count: 27 },
    { value: 'Angular.js', count: 30 },
    { value: 'TypeScript', count: 15 },
    { value: 'Flow', count: 30 },
    { value: 'NPM', count: 11 },
  ]
  
  export default () => (
    <TagCloud
      minSize={12}
      maxSize={35}
      tags={data}
      colorOptions={{
        luminosity: 'light',
        hue: 'yellow',
      }}
    />
  )
  