import React, {ReactNode} from 'react';
import './ListColumn.scss'


export type ListColumnProps = {
    children?: ReactNode
    flex?: string
    align?: 'center' | 'left' | 'right'
    title?:string
    overflow?: 'hidden' | 'visible'
    right?: boolean
    margin?: 'left' | 'right' | 'auto'
    columnType?: 'button' | 'generic'
    label?: string
}

const ListColumn = ({children, flex='1 1 0%', align = 'center', title, overflow='visible', margin, columnType='generic'}: ListColumnProps) => {

    const style = {
        'flex': flex,
        'textAlign': align,
        'overflow': overflow,
    }

    return (
        <div
            title={title}
            style={style}
            className={`list-column list-column-${columnType}`}>
            {children}
        </div>

    );
}

export default ListColumn;