import React from 'react'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'
import { DefaultProps } from '../../typings'
import Vector from '../../../Vector'

// extending interface from Label component
interface Props extends DefaultProps {}

const wording = {
  title: 'Google Icon',
  description: 'G icon representing google + (plus)',
}

class GoogleIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '75px',
    height: '75px',
    viewBox: '0 0 512 512',
  }

  render() {
    const identifier = fromPropsToIdentifier(this.props)
    return (
      <Vector
        {...this.props}
        {...wording}
        vectorClassName={'googleicon'}
        namespace={identifier}
      >
        <g>
          <polygon points="448,224 448,160 416,160 416,224 352,224 352,256 416,256 416,320 448,320 448,256 512,256 512,224" />
        </g>

        <g>
          <path d="M160,224v64h90.528c-13.216,37.248-48.8,64-90.528,64c-52.928,0-96-43.072-96-96c0-52.928,43.072-96,96-96 c22.944,0,45.024,8.224,62.176,23.168l42.048-48.256C235.424,109.824,198.432,96,160,96C71.776,96,0,167.776,0,256 s71.776,160,160,160s160-71.776,160-160v-32H160z" />
        </g>
      </Vector>
    )
  }
}

export { GoogleIcon }
export default GoogleIcon