@wordpress/block-editor/build/components/block-variation-picker/index.js

Generic block editor.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _classnames = _interopRequireDefault(require("classnames"));

var _i18n = require("@wordpress/i18n");

var _components = require("@wordpress/components");

var _icons = require("@wordpress/icons");

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */
function BlockVariationPicker({
  icon = _icons.layout,
  label = (0, _i18n.__)('Choose variation'),
  instructions = (0, _i18n.__)('Select a variation to start with.'),
  variations,
  onSelect,
  allowSkip
}) {
  const classes = (0, _classnames.default)('block-editor-block-variation-picker', {
    'has-many-variations': variations.length > 4
  });
  return (0, _element.createElement)(_components.Placeholder, {
    icon: icon,
    label: label,
    instructions: instructions,
    className: classes
  }, (0, _element.createElement)("ul", {
    className: "block-editor-block-variation-picker__variations",
    role: "list",
    "aria-label": (0, _i18n.__)('Block variations')
  }, variations.map(variation => (0, _element.createElement)("li", {
    key: variation.name
  }, (0, _element.createElement)(_components.Button, {
    isSecondary: true,
    icon: variation.icon,
    iconSize: 48,
    onClick: () => onSelect(variation),
    className: "block-editor-block-variation-picker__variation",
    label: variation.description || variation.title
  }), (0, _element.createElement)("span", {
    className: "block-editor-block-variation-picker__variation-label",
    role: "presentation"
  }, variation.title)))), allowSkip && (0, _element.createElement)("div", {
    className: "block-editor-block-variation-picker__skip"
  }, (0, _element.createElement)(_components.Button, {
    isLink: true,
    onClick: () => onSelect()
  }, (0, _i18n.__)('Skip'))));
}

var _default = BlockVariationPicker;
exports.default = _default;
//# sourceMappingURL=index.js.map