import { EDirection } from '../enum/Components'
import { EElementType } from '../enum/Elements'

export interface IContainer {
    id?: string
    element: EElementType.CONTAINER
    props: {
        background?: string
        flexbox: {
            display: string
            'flex-grow': number
            'flex-direction': EDirection.ROW | EDirection.COLUMN
        }
    },
    children: any[]
}

export interface IText {
    element: EElementType.TEXT
    props?: {
        background?: string
        'border-bottom'?: {
            width:  string
            style: string
            color: string
        },
        html?: string
    }
}

export interface IImage {
    element: EElementType.IMAGE
    props: {
        background?: string
        'border-bottom'?: {
            width: string
            style: string
            color: string
        },
        link?: string
        url?: string
        compress?: boolean
        width?: string
    }
}

export interface ISpacer {
    element: EElementType.SPACER
    props?: {
        background?: string
        'border-bottom'?: {
            width: string
            style: string
            color: string
        },
        height?: string
    }
}

export interface IButton {
    element: EElementType.BUTTON
    props: {
        background?: string
        'border-bottom'?: {
            width: string
            style: string
            color: string
        },
        link?: string
        font?: {
            family: string
            size: string
            weight: number
            color: string
        },
        border?: {
            width: string
            style: string
            color: string
            radius: string
        }
    }
}

export interface IBox {
    element: EElementType.BOX
    props: {
        background?: string
        'border-bottom'?: {
            width: string
            style: string
            color: string
        },
        flexbox: {
            display: string
            'flex-grow': number
            'flex-direction': EDirection.ROW
        },
        padding?: string
    },
    children: any[]
}