text: 
  import React from "react"
  import PropTypes from "prop-types"
  import Svg from "react-native-svg"
  
  import { MapProvider } from "./MapProvider"
  
  const ComposableMap = ({
    width = 800,
    height = 600,
    projection = "geoEqualEarth",
    projectionConfig = {},
    className = "",
    ...restProps
  }) => {
    return (
      <MapProvider
        width={width}
        height={height}
        projection={projection}
        projectionConfig={projectionConfig}
      >
        <Svg
          viewBox={`0 0 ${width} ${height}`}
          className={`rsm-svg ${className}`}
          {...restProps}
        />
      </MapProvider>
    )
  }
  
  ComposableMap.propTypes = {
    width: PropTypes.number,
    height: PropTypes.number,
    projection: PropTypes.oneOfType([
      PropTypes.string,
      PropTypes.func,
    ]),
    projectionConfig: PropTypes.object,
    className: PropTypes.string,
  }
  
  export default ComposableMap
  