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

type ListColumnProps = {
    children?: ReactNode
    flex?: string
    align?: 'center' | 'left'
    title?:string
    overflow?: 'hidden' | 'visible'
    right?: boolean
}

const ListColumn = ({children, flex, align = 'center', title, overflow='visible', right}: ListColumnProps) => {


    const style = {
        'flex': flex ? flex === 'auto' ? '0 0 auto' : `0 0 ${flex}` : '1 1 0%',
        'textAlign': align,
        'overflow': overflow,
        'marginLeft': right ? 'auto' : 'initial'
    }

    return (
        <div
            title={title}
            style={style}
            className="list-column">
            {children}
        </div>
    );
}

export default ListColumn;