@gechiui/block-editor/build/components/responsive-block-control/label.js

Generic block editor.

"use strict";

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

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

var _compose = require("@gechiui/compose");

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

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

/**
 * GeChiUI dependencies
 */
function ResponsiveBlockControlLabel(_ref) {
  let {
    property,
    viewport,
    desc
  } = _ref;
  const instanceId = (0, _compose.useInstanceId)(ResponsiveBlockControlLabel);
  const accessibleLabel = desc || (0, _i18n.sprintf)(
  /* translators: 1: property name. 2: viewport name. */
  (0, _i18n._x)('Controls the %1$s property for %2$s viewports.', 'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'), property, viewport.label);
  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("span", {
    "aria-describedby": `rbc-desc-${instanceId}`
  }, viewport.label), (0, _element.createElement)(_components.VisuallyHidden, {
    as: "span",
    id: `rbc-desc-${instanceId}`
  }, accessibleLabel));
}
//# sourceMappingURL=label.js.map