@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 = _interopRequireDefault(require("../visually-hidden"));

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

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

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

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