import React from 'react';
import { Polygon } from 'react-native-maps';
import { MapPolygonExtendedProps } from '../lib/types';

export type PolygonPressEvent = {
    stopPropagation: () => void;
};

export const Polygons = (props: {
    polygons: MapPolygonExtendedProps[];
    onPolygonClick: (
        index: number,
        polygon: MapPolygonExtendedProps,
    ) => (e: PolygonPressEvent) => void;
}) => {
    return (
        <>
            {props.polygons.map((polygon, index) => {
                const { key, ...polygonProps } = polygon;
                return (
                    <Polygon
                        key={key}
                        {...polygonProps}
                        onPress={props.onPolygonClick(index, polygon)}
                        tappable={true}
                    />
                );
            })}
        </>
    );
};