content: import React from 'react'
  import { connect } from 'react-redux'
  
  import Instance from './Instance'
  
  export default connect(mapStateToProps)(({
    breakCategories
  }) => {
    return (
      <div
        className={'flex flex-row'}
      >
        {breakCategories.sort((a, b) => b.default).map(breakCategory =>
          <Instance
            key={breakCategory._id}
            breakCategory={breakCategory}
          />
        )}
      </div>
    )
  })
  
  function mapStateToProps (state, ownProps) {
    return {
      breakCategories: Object.values(state.breakCategories.data)
    }
  }
  