import * as React from 'react';
/// <reference path="../../typings/.d.ts" />
import { PanelWithRow } from '../Panels/PanelWithRow';
import { Box } from '../../../components/Flex';
import clsx from 'clsx';
import { twMerge } from '../../../twMerge';
export const AdaptableObjectCollection = (props) => {
    return (React.createElement(Box, { style: props.style, className: twMerge('ab-ObjectCollection twa:flex twa:flex-col', props.className) },
        React.createElement(PanelWithRow, { border: "none", colItems: props.colItems }),
        React.createElement("div", { className: clsx('ab-ObjectCollection__items twa:shadow-none twa:flex-1', {
                'twa:overflow-y-visible': props.allowOverflow,
                'twa:overflow-y-auto': !props.allowOverflow,
            }) }, props.items)));
};
