import { IContentType } from '../../ContentTypes/ContentType.interface'
import { BlockFactory } from '../Black.factory'
import { Block } from '../Block'

type ColumnListContentType = { }

export class ColumnList extends Block {
    static tagName:string = 'div'

    toHTML(): string {
        const ColumnListContent:ColumnListContentType = this.content as ColumnListContentType
        const classTag = ['notion', 'columnlist', 'notion-flex-container']
        const innerContents:IContentType[] = this.children.map((contentItem:IContentType) => BlockFactory.transformWithType(contentItem))
        const textContent = innerContents.map((item) => item.toHTML()).join('')
        return `<${ColumnList.tagName} class="${classTag.join(' ')}">${textContent}</${ColumnList.tagName}>`
    }   
}