@kiwicom/orbit-components/es/Tooltip/index.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

import * as React from "react";
import { SIZE_OPTIONS } from "./consts";
import TooltipPrimitive from "../primitives/TooltipPrimitive";
import useMediaQuery from "../hooks/useMediaQuery";
import MobileDialog from "../primitives/MobileDialogPrimitive";
const Tooltip = ({
  children,
  enabled = true,
  onShow,
  tabIndex = "0",
  dataTest,
  size = SIZE_OPTIONS.SMALL,
  content,
  id,
  placement,
  labelClose = "Close",
  lockScrolling,
  renderInPortal = true,
  stopPropagation = false,
  removeUnderlinedText,
  block = false
}) => {
  const {
    isLargeMobile
  } = useMediaQuery();
  return isLargeMobile ? /*#__PURE__*/React.createElement(TooltipPrimitive, {
    dataTest: dataTest,
    id: id,
    tabIndex: tabIndex,
    onShow: onShow,
    enabled: enabled,
    content: content,
    size: size,
    renderInPortal: renderInPortal,
    placement: placement,
    stopPropagation: stopPropagation,
    removeUnderlinedText: removeUnderlinedText,
    block: block
  }, children) : /*#__PURE__*/React.createElement(MobileDialog, {
    dataTest: dataTest,
    tabIndex: tabIndex,
    id: id,
    labelClose: labelClose,
    onShow: onShow,
    enabled: enabled,
    lockScrolling: lockScrolling,
    content: content,
    removeUnderlinedText: removeUnderlinedText,
    stopPropagation: stopPropagation,
    block: block
  }, children);
};
export default Tooltip;