text: import React from 'react'
  import PropTypes from 'prop-types'
  
  import SvgContainer from './SvgContainer'
  
  const Mic = props => {
    return (
      <SvgContainer
        height={props.height}
        width={props.width}
        color={props.color}
        onClick={props.onClick}
        rotate={props.rotate ? 1 : 0}
        shake={props.shake ? 1 : 0}
        beat={props.beat ? 1 : 0}
        className={props.className}
      >
        <svg style={props.style} className={props.cssClasses} xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 512 512">{props.title ? <title>{props.title}</title> : ''}<path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M192 448h128M384 208v32c0 70.4-57.6 128-128 128h0c-70.4 0-128-57.6-128-128v-32M256 368v80"/><path d="M256 320a78.83 78.83 0 01-56.55-24.1A80.89 80.89 0 01176 239V128a79.69 79.69 0 0180-80c44.86 0 80 35.14 80 80v111c0 44.66-35.89 81-80 81z"/></svg>
      </SvgContainer>
    )
  }
  
  
  Mic.defaultProps = {
    // style
    style: {},
    color: '#000000',
    height: '22px',
    width: '22px',
    cssClasses: '',
    title: '',
  
    // animation
    shake: false,
    beat: false,
    rotate: false,
  }
  
  
  Mic.propTypes = {
    // style
    style: PropTypes.object,
    color: PropTypes.string,
    height: PropTypes.string,
    width: PropTypes.string,
    cssClasses: PropTypes.string,
    title: PropTypes.string,
  
    // animation
    shake: PropTypes.bool,
    beat: PropTypes.bool,
    rotate: PropTypes.bool,
  
    // functions
    onClick: PropTypes.func
  }
  
  
  export default Mic