import React from "react";
import { View, StyleSheet, Image } from "react-native";
import MapView from "react-native-maps";

const markerSize = 30;

export default function MapMarker({ ID, title, image, coordinate, ...props }) {
  console.log(ID);
  return (
    <MapView.Marker key={ID} coordinate={coordinate} title={title} {...props}>
      <View>
        <Image style={styles.markerPoint} source={image} resizeMode="stretch" />
      </View>
    </MapView.Marker>
  );
}

const styles = StyleSheet.create({
  markerPoint: {
    alignSelf: "center",
    height: markerSize,
    width: markerSize,
  },
  title: {
    fontWeight: "400",
  },
});