@wordpress/components/build-module/ui/tooltip/content.js

UI components for WordPress.

import _extends from "@babel/runtime/helpers/esm/extends";
import { cx as _cx } from "emotion";
import { createElement } from "@wordpress/element";
// eslint-disable-next-line no-restricted-imports
import { Tooltip as ReakitTooltip } from 'reakit';
/**
 * Internal dependencies
 */

import { contextConnect, useContextSystem } from '../context';
import { View } from '../view';
import { useTooltipContext } from './context';
import * as styles from './styles';
const {
  TooltipPopoverView
} = styles;
/**
 *
 * @param {import('../context').ViewOwnProps<import('reakit').TooltipProps, 'div'>} props
 * @param {import('react').Ref<any>} forwardedRef
 */

function TooltipContent(props, forwardedRef) {
  const {
    children,
    className,
    ...otherProps
  } = useContextSystem(props, 'TooltipContent');
  const {
    tooltip
  } = useTooltipContext();

  const classes = _cx(styles.TooltipContent, className);

  return createElement(ReakitTooltip, _extends({
    as: View
  }, otherProps, tooltip, {
    className: classes,
    ref: forwardedRef
  }), createElement(TooltipPopoverView, null, children));
}

export default contextConnect(TooltipContent, 'TooltipContent');
//# sourceMappingURL=content.js.map