/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { __experimentalVStack as VStack } from '@wordpress/components';

/**
 * Internal dependencies
 */
import StyleVariationsContainer from '../global-styles/style-variations-container';
import ColorVariations from '../global-styles/variations/variations-color';
import TypographyVariations from '../global-styles/variations/variations-typography';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default function SidebarNavigationScreenGlobalStylesContent() {
  const gap = 3;
  return /*#__PURE__*/_jsxs(VStack, {
    spacing: 10,
    className: "edit-site-global-styles-variation-container",
    children: [/*#__PURE__*/_jsx(StyleVariationsContainer, {
      gap: gap
    }), /*#__PURE__*/_jsx(ColorVariations, {
      title: __('Palettes'),
      gap: gap
    }), /*#__PURE__*/_jsx(TypographyVariations, {
      title: __('Typography'),
      gap: gap
    })]
  });
}
//# sourceMappingURL=content.js.map