text: import React from "react";
  import styles from "./NoteList.scss";
  import classNames from "classnames/bind";
  import NoteItem from "../NoteItem/NoteItem";
  
  const cx = classNames.bind(styles);
  
  const NoteList = ({
    notes,
    editing,
    onToggle,
    onChange,
    onUpdate,
    onDelete
  }) => {
    const noteList = notes.map((note, i) => {
      return (
        <NoteItem
          note={note}
          key={note.id}
          editing={editing}
          onToggle={onToggle}
          onChange={onChange}
          onUpdate={onUpdate}
          onDelete={onDelete}
        />
      );
    });
    return (
      <div className={cx("note-list")}>
        <div className={cx("title")}>Your Notes...</div>
        {noteList}
      </div>
    );
  };
  
  export default NoteList;