'use strict'

import React from 'react'
import { TheMicrophone, TheMicrophoneStyle } from 'the-microphone'
import { TheIconStyle } from 'the-icon'

class ExampleComponent extends React.Component {
  constructor (props) {
    super(props)
    this.micRef = React.createRef()
    this.state = {running: false}
  }

  render () {
    return (
      <div>
        <TheMicrophoneStyle/>
        <TheIconStyle/>
        <TheMicrophone onClick={() => this.setState({running: !this.state.running})}
                       running={this.state.running}
                       ref={this.micRef}
        />
      </div>

    )
  }

  componentDidMount () {
  }
}

export default ExampleComponent