const span = (name, content) =>
  `<span class="documenter-${name}">${content}</span>`;

const li = (...content) => `<li>${content.join('')}</li>`;

const ul = (initial, content) =>
  `<ul${initial ? ' class="documenter-content"' : ''}>
  ${content.join('\n')}
  </ul>`;

const a = (index, text, ...content) =>
  `<a href="#${(index + ' ' + text).replace(/ /g, '-')}">${content.join(
    ''
  )}</a>`;

const createContent = (headings, page, initial) =>
  ul(
    initial,
    headings.map(({ text, index, children, page }) =>
      li(
        text
          ? a(index, text, span('index', index), ' ', text, span('page', page))
          : '',
        children ? createContent(children, page) : ''
      )
    )
  );

const contentlist = (headings, page) =>
  //'<h1 style="page-break-before: avoid;">Content</h1>' +
  createContent(headings, page, true);

export default contentlist;