import React from "react";
import Notification from "./notification";

const NotificationQuadrant = (props) => {
  const { items, quad } = props;
  const quadClass = `list-unstyled notification-pane notification-${quad}`;
  if (items.length) {
    return (
      <ul className={quadClass}>
        {items.map((item, index) => {
          return <Notification key={index} {...item} />;
        })}
      </ul>
    );
  } else {
    return null;
  }
};

export default NotificationQuadrant;
