text: // 'use strict'
  import React from 'react'
  import PropTypes from 'prop-types'
  import { Button } from '@arch-ui/button'
  import '@fortawesome/fontawesome-free/css/all.min.css'
  
  export class EntityStyleButton extends React.Component {
      constructor(props) {
          super(props)
          this.state = {
              active: props.active,
          }
      }
  
      // replacement of componentWillReceiveProps
      static getDerivedStateFromProps(nextProps, prevState) {
          return {
              active: nextProps.active,
          }
      }
  
      render() {
          const { active } = this.state
          // let className = 'RichEditor-styleButton Button Button--link';
          let className = ''
          if (active) {
              className += ' RichEditor-activeButton'
          }
  
          return (
              <Button
                  type="default"
                  className={className}
                  data-tooltip={this.props.label}
                  onClick={(e) => this.props.onClick(e)}
              >
                  <i className={this.props.icon}></i>
                  <span>{this.props.iconText}</span>
              </Button>
          )
      }
  }
  
  // EntityStyleButton.propTypes = {
  //     active: PropTypes.bool,
  //     iconText: PropTypes.string,
  //     label: PropTypes.string,
  // }
  
  // EntityStyleButton.defaultProps = {
  //     active: false,
  //     iconText: '',
  //     label: 'base',
  // }
  
  export default EntityStyleButton
  