"use client";
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var chip = require('../../chip/chip.cjs');
var flex = require('../../flex/flex.cjs');
var text = require('../../text/text.cjs');

function DisplayProperties({ columns }) {
    const hidableColumns = columns?.filter(col => col.columnDef.enableHiding);
    return (jsxRuntime.jsxs(flex.Flex, { direction: 'column', gap: 3, children: [jsxRuntime.jsx(text.Text, { children: "Display Properties" }), jsxRuntime.jsx(flex.Flex, { gap: 3, wrap: 'wrap', children: hidableColumns.map(column => (jsxRuntime.jsx(chip.Chip, { variant: 'outline', size: 'small', color: column.getIsVisible() ? 'accent' : 'neutral', onClick: () => column.toggleVisibility(), children: column.columnDef.header || column.id }, column.id))) })] }));
}

exports.DisplayProperties = DisplayProperties;
//# sourceMappingURL=display-properties.cjs.map
