text: import React from 'react'
  import styled from '@emotion/styled'
  
  export const GoogleMap = ({ src, component }) => (
    <Frame
      allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
      frameborder="0"
      allowfullscreen
      component={component}
      title="Google Maps"
      src={src}
    />
  )
  
  const Frame = styled.iframe`
    width: 100%;
    height: 450px;
    border: none;
    ${props => props.component}
  `
  