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

type ButtonColumnProps = {
    children?: ReactNode
    disabled?: boolean
    action: () => void
    isResolved?: boolean
    label?: any
    flex?: string
    bg?: string
}

const ButtonColumn = ({
                          children,
                          label,
                          bg,
                          disabled = false,
                          action,
                          isResolved = false,
                          flex = '0 0 120px'
                      }: ButtonColumnProps) => {

    return (
        <ListColumn
            columnType={'button'}
            flex={flex}
        >
            {label && <span className={'label'}>{label}:</span>}
            <button className={`button-column ${bg} ${isResolved && 'resolved'}`} disabled={disabled || isResolved}
                    onClick={action}>
                <> {children ? children : '--'}</>
            </button>
        </ListColumn>
    );
}

export default ButtonColumn;