"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = SidebarNavigationScreenGlobalStylesContent;
var _i18n = require("@wordpress/i18n");
var _components = require("@wordpress/components");
var _styleVariationsContainer = _interopRequireDefault(require("../global-styles/style-variations-container"));
var _variationsColor = _interopRequireDefault(require("../global-styles/variations/variations-color"));
var _variationsTypography = _interopRequireDefault(require("../global-styles/variations/variations-typography"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

function SidebarNavigationScreenGlobalStylesContent() {
  const gap = 3;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
    spacing: 10,
    className: "edit-site-global-styles-variation-container",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styleVariationsContainer.default, {
      gap: gap
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsColor.default, {
      title: (0, _i18n.__)('Palettes'),
      gap: gap
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsTypography.default, {
      title: (0, _i18n.__)('Typography'),
      gap: gap
    })]
  });
}
//# sourceMappingURL=content.js.map