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

type IndicationColumnProps = {
    children?: ReactNode
    type?: string
    title?: string
    flex?: string
    text?: string
    label?: any
    orderable?: string

}

const IndicationColumn = ({type = 'pending', label, title, flex = 'auto', text}: IndicationColumnProps) => {

    return (
        <ListColumn
            label={label}
            title={title}
            flex={flex}
        >

            <div className='indication-column  column-border'>
                {label && <span className={'label'}>{label}:</span>}
                <div className={'d-flex align-items-center'}>
                    <div className={`indication-column--color-div ${type}`}></div>
                    <p className='indication-column--text-div'>{text ?? '--'}</p>
                </div>
            </div>

        </ListColumn>
    );
}

export default IndicationColumn;