import INotification from "../../../../types/notification";
import NotificationItem from "../NotificationItem/NotificationItem";

interface NotificationListProps {
  notifications: INotification[];
}

const NotificationList = ({ notifications }: NotificationListProps) => {
  return (
    <div className="bg-white rounded-[8px] p-6">
      {notifications.map((notification) => {
        return (
          <NotificationItem notification={notification} key={notification.id} />
        );
      })}
    </div>
  );
};

export default NotificationList;