@wordpress/components/build/ui/form-group/form-group-label.js

UI components for WordPress.

"use strict";

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

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

var _controlLabel = require("../control-label");

var _visuallyHidden = require("../../visually-hidden");

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

/**
 * @param {import('../context').WordPressComponentProps<import('./types').FormGroupLabelProps, 'label', false>} props
 * @return {JSX.Element | null} The form group's label.
 */
function FormGroupLabel(_ref) {
  let {
    children,
    id,
    labelHidden = false,
    ...props
  } = _ref;
  if (!children) return null;

  if (labelHidden) {
    return (0, _element.createElement)(_visuallyHidden.VisuallyHidden, {
      as: "label",
      htmlFor: id === null || id === void 0 ? void 0 : id.toString()
    }, children);
  }

  return (0, _element.createElement)(_controlLabel.ControlLabel, props, children);
}

var _default = (0, _element.memo)(FormGroupLabel);

exports.default = _default;
//# sourceMappingURL=form-group-label.js.map