@appearhere/bloom/components/Map/Markers/SpaceGroupMarker.js

Appear Here's pattern library and styleguide

import PropTypes from 'prop-types';
import React from 'react';

import CondensedSpaceCard from '../../Cards/CondensedSpaceCard/CondensedSpaceCard';
import Marker from './Marker';

import css from './SpaceGroupMarker.css';

const SpaceGroupMarker = ({ group, ...rest }) => (
  <Marker {...rest}>
    { group.map(space => (
      <CondensedSpaceCard
        className={css.card}
        key={space.id}
        {...space}
      />
    )) }
  </Marker>
);

SpaceGroupMarker.propTypes = {
  group: PropTypes.array,
};

export default SpaceGroupMarker;