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