"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _i18n = require("@wordpress/i18n");
var _components = require("@wordpress/components");
var _icons = require("@wordpress/icons");
var _subtitle = _interopRequireDefault(require("../subtitle"));
var _navigationButton = require("../navigation-button");
var _jsxRuntime = require("react/jsx-runtime");
/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

function FontSizes() {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
    spacing: 2,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
      justify: "space-between",
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
        level: 3,
        children: (0, _i18n.__)('Font Sizes')
      })
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
      isBordered: true,
      isSeparated: true,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
        path: "/typography/font-sizes",
        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
          direction: "row",
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
            children: (0, _i18n.__)('Font size presets')
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
            icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
          })]
        })
      })
    })]
  });
}
var _default = exports.default = FontSizes;
//# sourceMappingURL=font-sizes-count.js.map