@gfazioli/mantine-split-pane/dist/cjs/Dynamic/SplitDynamic.cjs

A Mantine 9 React component for resizable split pane layouts with 7 resizer variants, context-based prop inheritance, responsive orientation, and dynamic pane generation.

'use client';
'use strict';

var React = require('react');
var SplitPane = require('../Pane/SplitPane.cjs');
var SplitResizer = require('../Resizer/SplitResizer.cjs');

function SplitDynamic({ panes, filter }) {
  const visiblePanes = filter ? panes.filter(filter) : panes;
  const elements = [];
  visiblePanes.forEach((pane, index) => {
    const { id, content, resizerProps, ...paneProps } = pane;
    elements.push(
      /* @__PURE__ */ React.createElement(SplitPane.SplitPane, { key: id, ...paneProps }, content)
    );
    if (index < visiblePanes.length - 1) {
      elements.push(/* @__PURE__ */ React.createElement(SplitResizer.SplitResizer, { key: `resizer-after-${id}`, ...resizerProps }));
    }
  });
  return elements;
}
SplitDynamic.displayName = "Split.Dynamic";

exports.SplitDynamic = SplitDynamic;
//# sourceMappingURL=SplitDynamic.cjs.map