/* wp:polyfill */
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = PresetColors;
var _hooks = require("./hooks");
var _jsxRuntime = require("react/jsx-runtime");
/**
 * Internal dependencies
 */

function PresetColors() {
  const {
    paletteColors
  } = (0, _hooks.useStylesPreviewColors)();
  return paletteColors.slice(0, 4).map(({
    slug,
    color
  }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    style: {
      flexGrow: 1,
      height: '100%',
      background: color
    }
  }, `${slug}-${index}`));
}
//# sourceMappingURL=preset-colors.js.map