import * as React from 'react';
import { Flex, Box } from '../../../components/Flex';
import clsx from 'clsx';
export class AdaptableObjectRow extends React.Component {
    render() {
        const colItems = this.props.colItems.map((colItem, index) => (React.createElement(Box, { className: `ab-AdaptableObjectRow__cell twa:px-1`, style: { flex: colItem.Size }, "data-name": "list-group-cell", key: index, title: typeof colItem.Content === 'string' ? colItem.Content : undefined }, colItem.Content)));
        const className = clsx('ab-AdaptableObjectRow', 'twa:p-3', 'twa:m-0', this.props.isSuspended && 'ab-AdaptableObjectRow--is-suspended', this.props.className);
        return (React.createElement(Flex, { className: className, onClick: this.props.onClick, style: this.props.style }, colItems));
    }
}
