import React from 'react'

const TagList = ({tags}) => {
  if (tags.length) {
    return (
      <div>
        <div className="heading">Tags</div>
        <div className="level">
          <div className="tag-list level-left">
            {tags.map(tag => <span key={tag} className="tag level-item is-primary">{tag}</span>)}
          </div>
        </div>
      </div>
    )
  }
  return <div className="tag-list"></div>
}

TagList.propTypes = {
  tags: React.PropTypes.array.isRequired
}

export default TagList

@@ -169,19 +169,29 @@
 e=%22level
+ is-mobile
 %22%3E%0A
-
         
@@ -258,16 +258,32 @@
 p(tag =%3E
+ (%0A             
  %3Cspan k
@@ -341,16 +341,30 @@
 %7D%3C/span%3E
+%0A            )
 )%7D%0A     
@@ -451,14 +451,10 @@
 ist%22
-%3E%3C/div
+ /
 %3E%0A%7D%0A

fix tag-list responsiveness