text: import React from 'react'
  import PropTypes from 'prop-types'
  
  import SvgContainer from './SvgContainer'
  
  const GlobeSharp = 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 d="M256 48C141.13 48 48 141.13 48 256s93.13 208 208 208 208-93.13 208-208S370.87 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44"/><path d="M256 48c-58.07 0-112.67 93.13-112.67 208S197.93 464 256 464s112.67-93.13 112.67-208S314.07 48 256 48z" fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44"/><path d="M117.33 121.33c38.24 27.15 86.38 43.34 138.67 43.34s100.43-16.19 138.67-43.34M394.67 390.67c-38.24-27.15-86.38-43.34-138.67-43.34s-100.43 16.19-138.67 43.34" fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="44"/><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="44" d="M256 48v416M464 256H48"/></svg>
      </SvgContainer>
    )
  }
  
  
  GlobeSharp.defaultProps = {
    // style
    style: {},
    color: '#000000',
    height: '22px',
    width: '22px',
    cssClasses: '',
    title: '',
  
    // animation
    shake: false,
    beat: false,
    rotate: false,
  }
  
  
  GlobeSharp.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 GlobeSharp