import React, { memo } from 'react';
import GalleryGroupItem from './GalleryGroupItem';
import styles from './GalleryGroup.less';

function GalleryGroup({ list = [], addComponent }) {
  return (
    <ul className={styles.sublist}>
      {list.map((base, i) => {
        return <GalleryGroupItem key={i} base={base} addComponent={addComponent} />;
      })}
    </ul>
  );
}

export default memo(GalleryGroup);
