'use strict';

var jsxRuntime = require('../../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
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.jsxRuntimeExports.jsxs(flex.Flex, { direction: "column", gap: 3, children: [jsxRuntime.jsxRuntimeExports.jsx(text.Text, { children: "Display Properties" }), jsxRuntime.jsxRuntimeExports.jsx(flex.Flex, { gap: 3, wrap: "wrap", children: hidableColumns.map((column) => (jsxRuntime.jsxRuntimeExports.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
