@atlaskit/spotlight

Version:

A spotlight introduces users to points of interest, from focused messages to multi-step tours.

26 lines • 867 B

JavaScript

/* index.tsx generated by @compiled/babel-plugin v3.0.2 */
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
import { fg } from '@atlaskit/platform-feature-flags/fg';
import { Caret as Legacy } from './legacy';
import { Caret as TopLayer } from './top-layer';
/**
 * __Caret__
 *
 * A `Caret` is a purely visual pointer displayed on the edge of a spotlight, which points to the target element.
 *
 */
export var Caret = /*#__PURE__*/forwardRef(function (_ref, ref) {
  var placement = _ref.placement,
    testId = _ref.testId;
  return fg('platform-dst-top-layer-spotlight') ? /*#__PURE__*/React.createElement(TopLayer, {
    ref: ref,
    placement: placement,
    testId: testId
  }) : /*#__PURE__*/React.createElement(Legacy, {
    ref: ref,
    placement: placement,
    testId: testId
  });
});