import React from 'react';
import ListColumn from "./ListColumn";
type StatusColumnProps = {
    children?: string
    type?:string
    title?:string
    flex?:string
    label?:any
    align?:string
    orderable?:string
    squared?: boolean
    customClass?: string
}
const StatusColumn = ({children = '--', type='pending', title,label, flex='auto', squared=false, customClass}: StatusColumnProps) => {
    return (
        <ListColumn
            label={label}
            title={title}
            flex={flex}
        >
            <div className={`status-column  column-border ${customClass} ${type} ${squared && 'squared'}`}>
                {label && <span className={'label'}>{label}:</span>}
                <b className={customClass ? customClass : ''}>{children ?? '--'}</b>
            </div>
        </ListColumn>
    );
}
export default StatusColumn;