import { JsonDocsSlot } from '@stencil/core/internal';

import { MarkdownTable } from './markdown-utils';

export const slotsToMarkdown = (slots: JsonDocsSlot[]) => {
  const content: string[] = [];

  if (slots.length === 0) return content;

  content.push('## Slots');
  content.push('');

  const table = new MarkdownTable();
  table.addHeader(['Slot', 'Description']);

  slots.forEach(style => {
    table.addRow([style.name === '' ? '' : `\`"${style.name}"\``, style.docs]);
  });

  content.push(...table.toMarkdown());
  content.push('');
  content.push('');

  return content;
};