@gechiui/block-editor
Version:
27 lines (26 loc) • 1.02 kB
JavaScript
import { createElement } from "@gechiui/element";
/**
* GeChiUI dependencies
*/
import { useInstanceId } from '@gechiui/compose';
import { VisuallyHidden } from '@gechiui/components';
import { _x, sprintf } from '@gechiui/i18n';
import { Fragment } from '@gechiui/element';
export default function ResponsiveBlockControlLabel(_ref) {
let {
property,
viewport,
desc
} = _ref;
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