text: import React from 'react'
  import FontAwesome from 'react-fontawesome'
  import classnames from 'classnames'
  import { Button } from '@slate-editor/components'
  
  import { unorderedListStrategy, isUnorderedList } from './ListUtils'
  
  const UnorderedListButton = ({ value, onChange, className, style, type }) => (
    <Button
      style={style}
      type={type}
      onClick={e => onChange(unorderedListStrategy(value.change()))}
      className={classnames(
        'slate-list-plugin--button',
        { active: isUnorderedList(value) },
        className,
      )}
    >
      <FontAwesome name="list-ul" />
    </Button>
  )
  
  export default UnorderedListButton
  