content: import React from 'react'
  import {SortableList, SortableItem} from 'react-ions/lib/components/SortableList'
  import Button from 'react-ions/lib/components/Button'
  import style from './style.scss'
  
  class ExampleSortableListDefault extends React.Component {
    constructor() {
      super()
    }
  
    state = {
      items: [{
        value: 'email',
        text: 'Email',
        active: true
      }, {
        value: 'push_notification',
        text: 'Push Notification',
        active: false
      }, {
        value: 'web',
        text: 'Web',
        active: false
      }, {
        value: 'sms',
        text: 'SMS',
        active: false
      }],
      count: 0
    }
  
    onChange = event => {
      console.log(event.target.value)
      this.setState({ items: event.target.value })
    }
  
    addItem = () => {
      let items = this.state.items
      let count = this.state.count + 1
  
      items.push({ value: 'sortable_item_' + count, text: 'Sortable Item ' + count })
  
      this.setState({ items: items, count: count })
    }
  
    render() {
      return (
        <div>
          <div className={style.update}>
            <Button onClick={this.addItem}>Add Item</Button>
          </div>
          <SortableList items={this.state.items} changeCallback={this.onChange} />
        </div>
      )
    }
  }
  
  export default ExampleSortableListDefault
  