@wordpress/components/build/input-control/label.js

UI components for WordPress.

"use strict";

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

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

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

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

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

var _inputControlStyles = require("./styles/input-control-styles");

/**
 * Internal dependencies
 */
function Label(_ref) {
  let {
    children,
    hideLabelFromVision,
    htmlFor,
    ...props
  } = _ref;
  if (!children) return null;

  if (hideLabelFromVision) {
    return (0, _element.createElement)(_visuallyHidden.VisuallyHidden, {
      as: "label",
      htmlFor: htmlFor
    }, children);
  }

  return (0, _element.createElement)(_inputControlStyles.LabelWrapper, null, (0, _element.createElement)(_inputControlStyles.Label, (0, _extends2.default)({
    htmlFor: htmlFor
  }, props), children));
}
//# sourceMappingURL=label.js.map