@atlaskit/spotlight/dist/es2019/ui/card/index.js

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

/* 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 { SpotlightCard as Legacy } from './legacy';
import { SpotlightCard as TopLayer } from './top-layer';
/**
 * __Spotlight__
 *
 * The base UI card that wraps composable spotlight components.
 *
 */
export const SpotlightCard = /*#__PURE__*/forwardRef(({
  children,
  placement,
  testId
}, ref) => fg('platform-dst-top-layer-spotlight') ? /*#__PURE__*/React.createElement(TopLayer, {
  ref: ref,
  placement: placement,
  testId: testId
}, children) : /*#__PURE__*/React.createElement(Legacy, {
  ref: ref,
  placement: placement,
  testId: testId
}, children));