"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.AdaptableObjectCollection = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
/// <reference path="../../typings/.d.ts" />
const PanelWithRow_1 = require("../Panels/PanelWithRow");
const Flex_1 = require("../../../components/Flex");
const clsx_1 = tslib_1.__importDefault(require("clsx"));
const twMerge_1 = require("../../../twMerge");
const AdaptableObjectCollection = (props) => {
    return (React.createElement(Flex_1.Box, { style: props.style, className: (0, twMerge_1.twMerge)('ab-ObjectCollection twa:flex twa:flex-col', props.className) },
        React.createElement(PanelWithRow_1.PanelWithRow, { border: "none", colItems: props.colItems }),
        React.createElement("div", { className: (0, clsx_1.default)('ab-ObjectCollection__items twa:shadow-none twa:flex-1', {
                'twa:overflow-y-visible': props.allowOverflow,
                'twa:overflow-y-auto': !props.allowOverflow,
            }) }, props.items)));
};
exports.AdaptableObjectCollection = AdaptableObjectCollection;
