import React from 'react'

import {
  Icon
} from 'semantic-ui-react'

export default class GenericTool extends React.Component {
  render () {
    return (
      <div onClick={this.props.onClickTool} style={{width: '38px', height: '38px'}}>
        <Icon name={this.props.content} size='large' style={{paddingTop: '5px', width: '38px', height: '38px'}} />
      </div>
    )
  }
}

import React from 'react'

import { Icon } from 'semantic-ui-react'

export default function GenericTool (props) {
  const style = {paddingTop: '5px', width: '38px', height: '38px'}
  return <Icon onClick={props.onClickTool} name={props.content} size='large' style={style} />
}

Change GenericTool to functional Component
Change GenericTool to functional Component
