@atlaskit/spotlight/dist/es2019/ui/popover-content/conditional-exiting-persistence/index.js

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

import React, { useContext } from 'react';
import ExitingPersistence from '@atlaskit/motion/exiting-persistence';
import { SpotlightContext } from '../../../controllers/context';

/**
 * __Conditional exiting persistence__
 *
 * A conditional exiting persistence that wraps the children in an `ExitingPersistence` component if the `motion` is defined.
 */
export const ConditionalExitingPersistence = ({
  children
}) => {
  const {
    card
  } = useContext(SpotlightContext);
  if (card.motion) {
    return /*#__PURE__*/React.createElement(ExitingPersistence, null, children);
  }
  return children;
};