import React from 'react'
import { img as image, div } from 'styleh-components'
import { GoogleLogoWrap, GoogleLogoImage } from './_elements'
// import { Image } from 'atoms'

/**
 * @todo use <Image> component
 * 'light'
 */
const googleTheme = 'on_white_hdpi'
/**
 * @api https://developers.google.com/places/web-service/policies
 * @type {Atom}
 */
class GoogleLogo extends React.Component {
  static defaultProps = {
    src: `/images/google/powered_by_google_${googleTheme}.png`,
    alt: 'google logo',
  }
  render() {
    const { src, alt } = this.props

    return (
      <GoogleLogoWrap>
        <GoogleLogoImage src={src} alt={alt} />
      </GoogleLogoWrap>
    )
  }
}

export { GoogleLogo }
export default GoogleLogo