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

type StatusColumnProps = {
    children?: ReactNode
    type?:string
    title?:string
    flex?:string
}

const Statuses = {

    'pending': '#1A73E8',
    'success': '#2BC48A',
    'warning': '#E3AC16',
    'error': '#E89090',
    'inactive': '#CCCCCC'

}

const StatusColumn = ({children, type='pending', title, flex='auto'}: StatusColumnProps) => {

    return (
       <ListColumn
           title={title}
           flex={flex}
       >
           <div className={`status-column ${type}`}>
               {children}
           </div>

       </ListColumn>
    );
}

export default StatusColumn;