@wordpress/components/build/text/component.js

UI components for WordPress.

"use strict";

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

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

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

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

var _context = require("../ui/context");

var _view = require("../view");

var _hook = _interopRequireDefault(require("./hook"));

/**
 * Internal dependencies
 */

/**
 * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'span'>} props
 * @param {import('react').ForwardedRef<any>}                                                forwardedRef
 */
function Text(props, forwardedRef) {
  const textProps = (0, _hook.default)(props);
  return (0, _element.createElement)(_view.View, (0, _extends2.default)({
    as: "span"
  }, textProps, {
    ref: forwardedRef
  }));
}
/**
 * `Text` is a core component that renders text in the library, using the
 * library's typography system.
 *
 * `Text` can be used to render any text-content, like an HTML `p` or `span`.
 *
 * @example
 *
 * ```jsx
 * import { __experimentalText as Text } from `@wordpress/components`;
 *
 * function Example() {
 * 	return <Text>Code is Poetry</Text>;
 * }
 * ```
 */


const ConnectedText = (0, _context.contextConnect)(Text, 'Text');
var _default = ConnectedText;
exports.default = _default;
//# sourceMappingURL=component.js.map