import React from 'react';

import { Dictionary } from '../../../models/util';
import { Airport } from '../../../models/dcs';
import { map } from 'lodash';
import { AirportMarker } from './markers/AirportMarker';

export type AirportLayerProps = {
  airports: Dictionary<Airport>;
};

export function AirportLayer(props: AirportLayerProps) {
  const { airports } = props;

  return (
    <React.Fragment>
      {map(airports, (airport, i) => (
        <AirportMarker key={`airports${airport}${i}`} airport={airport} />
      ))}
    </React.Fragment>
  );
}