content: import React from 'react';
  import { observer } from 'mobx-react';
  import { SortableContainer, SortableElement } from 'react-sortable-hoc';
  import './chaptersList.scss';
  
  import ChapterCard from '../СhapterCard/ChapterCard';
  
  export default SortableContainer(
    observer(({ chapters, moveChapterToBlank }) => (
      <ul className="chapters-list">
        {chapters.map((chapter, i) => (
          <ChapterCard
            moveChapterToBlank={moveChapterToBlank}
            chapter={chapter}
            key={`chapter-${i}`}
            index={i}
            number={i + 1}
          />
        ))}
      </ul>
    ))
  );
  
  // function ChaptersList({ chapters }) {
  //   // const List = SortableContainer(({ chapters }) => chapters.map((chapter, index) => <SortableItem chapter={chapter}/>));
  //   return (
  //     <SortableContainer>
  //       {() =>
  //         chapters.map((chapter, index) => <SortableItem chapter={chapter}/>)
  //       }
  //     </SortableContainer>
  //   )
  // }
  
  // const { chapters } = this.props;
  //
  // if (!chapters || !chapters.length) {
  //   return (
  //     <div className="chapters-list chapters-list--empty">Список пуст</div>
  //   );
  // }
  