"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SidebarNavigationScreenDetailsPanel = SidebarNavigationScreenDetailsPanel;
Object.defineProperty(exports, "SidebarNavigationScreenDetailsPanelLabel", {
  enumerable: true,
  get: function () {
    return _sidebarNavigationScreenDetailsPanelLabel.default;
  }
});
Object.defineProperty(exports, "SidebarNavigationScreenDetailsPanelRow", {
  enumerable: true,
  get: function () {
    return _sidebarNavigationScreenDetailsPanelRow.default;
  }
});
Object.defineProperty(exports, "SidebarNavigationScreenDetailsPanelValue", {
  enumerable: true,
  get: function () {
    return _sidebarNavigationScreenDetailsPanelValue.default;
  }
});
var _components = require("@wordpress/components");
var _sidebarNavigationScreenDetailsPanelLabel = _interopRequireDefault(require("./sidebar-navigation-screen-details-panel-label"));
var _sidebarNavigationScreenDetailsPanelRow = _interopRequireDefault(require("./sidebar-navigation-screen-details-panel-row"));
var _sidebarNavigationScreenDetailsPanelValue = _interopRequireDefault(require("./sidebar-navigation-screen-details-panel-value"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

function SidebarNavigationScreenDetailsPanel({
  title,
  children,
  spacing
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
    className: "edit-site-sidebar-navigation-details-screen-panel",
    spacing: spacing,
    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
      className: "edit-site-sidebar-navigation-details-screen-panel__heading",
      level: 2,
      children: title
    }), children]
  });
}
//# sourceMappingURL=index.js.map