@atlaskit/side-navigation/dist/es2019/components/NestableNavigationContent/nesting-motion.js

A highly composable side navigation component that supports nested views.

import React from 'react';
import SlideIn from '@atlaskit/motion/slide-in';
/**
 * @internal
 */
export const NestingMotion = props => {
  const {
    children,
    enterFrom,
    exitTo,
    testId
  } = props;
  return /*#__PURE__*/React.createElement(SlideIn, {
    exitTo: exitTo,
    enterFrom: enterFrom,
    animationTimingFunction: "ease-out"
  }, (innerProps, direction) => children({
    'data-enter-from': enterFrom,
    'data-exit-to': exitTo,
    'data-testid': testId && `${testId}-${direction}`,
    ...innerProps
  }));
};