import React from 'react';
import classnames from 'classnames';
import { jsx as _jsx } from "react/jsx-runtime";
const Pane = ({
  horizontal = false,
  primary = false,
  size = 0,
  children = []
}) => {
  const paneSize = size;
  const style = {};
  if (!primary) {
    if (horizontal) {
      style.height = `${paneSize}px`;
    } else {
      style.width = `${paneSize}px`;
    }
  }
  return /*#__PURE__*/_jsx("div", {
    className: classnames('layout-pane', {
      'layout-pane-primary': primary
    })
    /* eslint-disable-next-line react/forbid-dom-props */,
    style: style,
    children: children
  });
};
export default Pane;