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

type TextColumnProps = {
    children?: ReactNode
    flex?:string
    small?:boolean //11px
    medium?:boolean //12px
    large?:boolean //14px
    align?: 'center' | 'left'
    title?: string
    textWrap?:boolean
    color?: 'gray' | 'blue'
}

const TextColumn = ({children, flex, small=false, medium, large, align, title, textWrap=false, color='blue'}: TextColumnProps) => {

    return (
        <ListColumn
            overflow='hidden'
            title={title}
            flex={flex}
            align={align}
        >
            <div
                style={{whiteSpace: textWrap ? 'initial' : 'nowrap'}}
                className={`text-column ${small && 'small'} ${medium && 'medium'} ${large && 'large'} ${color}`}>
                {children}
            </div>
        </ListColumn>
    );
}

export default TextColumn;