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

Generic block editor.

import { createElement } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { useInstanceId } from '@wordpress/compose';
import { VisuallyHidden } from '@wordpress/components';
import { _x, sprintf } from '@wordpress/i18n';
import { Fragment } from '@wordpress/element';
export default function ResponsiveBlockControlLabel({
  property,
  viewport,
  desc
}) {
  const instanceId = useInstanceId(ResponsiveBlockControlLabel);
  const accessibleLabel = desc || sprintf(
  /* translators: 1: property name. 2: viewport name. */
  _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 createElement(Fragment, null, createElement("span", {
    "aria-describedby": `rbc-desc-${instanceId}`
  }, viewport.label), createElement(VisuallyHidden, {
    as: "span",
    id: `rbc-desc-${instanceId}`
  }, accessibleLabel));
}
//# sourceMappingURL=label.js.map