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

type ColumnContentType = { }

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

    toHTML(): string {
        const ColumnContent:ColumnContentType = this.content as ColumnContentType
        const classTag = ['notion', 'column', 'notion_flex_item']
        const childrenContent:string = this.children.map((childItem:IContentType) => {
            return childItem.toHTML()
        }).join('')
        return `<${Column.tagName} class="${classTag.join(' ')}">${childrenContent}</${Column.tagName}>`
    }   
}