"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 _colorPalettePanel = _interopRequireDefault(require("./color-palette-panel"));
var _gradientsPalettePanel = _interopRequireDefault(require("./gradients-palette-panel"));
var _header = _interopRequireDefault(require("./header"));
var _lockUnlock = require("../../lock-unlock");
var _jsxRuntime = require("react/jsx-runtime");
/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

const {
  Tabs
} = (0, _lockUnlock.unlock)(_components.privateApis);
function ScreenColorPalette({
  name
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
      title: (0, _i18n.__)('Edit palette'),
      description: (0, _i18n.__)('The combination of colors used across the site and in color pickers.')
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs.TabList, {
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
          tabId: "color",
          children: (0, _i18n.__)('Color')
        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
          tabId: "gradient",
          children: (0, _i18n.__)('Gradient')
        })]
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
        tabId: "color",
        focusable: false,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPalettePanel.default, {
          name: name
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
        tabId: "gradient",
        focusable: false,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientsPalettePanel.default, {
          name: name
        })
      })]
    })]
  });
}
var _default = exports.default = ScreenColorPalette;
//# sourceMappingURL=screen-color-palette.js.map