How to use @instructure/ui-motion - 7 common examples

* An element or a function returning an element to apply `aria-hidden` to
     */
    applicationElement: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.func]),
    /**
     * An element or a function returning an element that wraps the content of the ``
     */
    contentElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),

    shouldContainFocus: PropTypes.bool,
    shouldReturnFocus: PropTypes.bool,
    shouldCloseOnDocumentClick: PropTypes.bool,
    shouldCloseOnEscape: PropTypes.bool,
    /**
     * The type of `` to use for animating in/out
     */
    transition: Transition.propTypes.type,
    /**
     * Show the component; triggers the enter or exit animation
     */
    in: PropTypes.bool,
    /**
     * Unmount the component (remove it from the DOM) when it is not shown
     */
    unmountOnExit: PropTypes.bool,
    /**
     * Run the enter animation when the component mounts, if it is initially
     * shown
     */
    transitionOnMount: PropTypes.bool,
    /**
     * Run the enter animation
     */

renderTransition (content) {
    return (
      
        {content}
      
    )
  }

* An element or a function returning an element to use as the mount node
     * for the `` (defaults to `document.body`)
     */
    mountNode: PropTypes.oneOfType([element, PropTypes.func]),
    /**
     * Insert the element at the 'top' of the mountNode or at the 'bottom'
     */
    insertAt: PropTypes.oneOf(['bottom', 'top']),

    /**
     * An element, function returning an element, or array of elements that will not be hidden from
     * the screen reader when the `` is open
     */
    liveRegion: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.func]),

    transition: Transition.propTypes.type,

    /**
     * Callback fired before the  transitions in
     */
    onEnter: PropTypes.func,
    /**
     * Callback fired as the  begins to transition in
     */
    onEntering: PropTypes.func,
    /**
     * Callback fired after the  finishes transitioning in
     */
    onEntered: PropTypes.func,
    /**
     * Callback fired right before the  transitions out
     */

* An element or a function returning an element to use as the mount node
     * for the `` (defaults to `document.body`)
     */
    mountNode: PropTypes.oneOfType([element, PropTypes.func]),
    /**
     * Insert the element at the 'top' of the mountNode or at the 'bottom'
     */
    insertAt: PropTypes.oneOf(['bottom', 'top']),

    /**
     * An element, function returning an element, or array of elements that will not be hidden from
     * the screen reader when the `` is open
     */
    liveRegion: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.func]),

    transition: Transition.propTypes.type,

    /**
     * Callback fired before the  transitions in
     */
    onEnter: PropTypes.func,
    /**
     * Callback fired as the  begins to transition in
     */
    onEntering: PropTypes.func,
    /**
     * Callback fired after the  finishes transitioning in
     */
    onEntered: PropTypes.func,
    /**
     * Callback fired right before the  transitions out
     */

renderTransition (content) {
    return (
      
        {content}
      
    )
  }

* An element or a function returning an element to apply `aria-hidden` to
     */
    applicationElement: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.func]),
    /**
     * An element or a function returning an element that wraps the content of the ``
     */
    contentElement: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),

    shouldContainFocus: PropTypes.bool,
    shouldReturnFocus: PropTypes.bool,
    shouldCloseOnDocumentClick: PropTypes.bool,
    shouldCloseOnEscape: PropTypes.bool,
    /**
     * The type of `` to use for animating in/out
     */
    transition: Transition.propTypes.type,
    /**
     * Show the component; triggers the enter or exit animation
     */
    in: PropTypes.bool,
    /**
     * Unmount the component (remove it from the DOM) when it is not shown
     */
    unmountOnExit: PropTypes.bool,
    /**
     * Run the enter animation when the component mounts, if it is initially
     * shown
     */
    transitionOnMount: PropTypes.bool,
    /**
     * Run the enter animation
     */

* SOFTWARE.
 */

 import React, { Component } from 'react'

 import deprecated, { changedPackageWarning } from '@instructure/ui-utils/lib/react/deprecated'

 import UITransition from '@instructure/ui-motion/lib/components/Transition'

 @deprecated('5.0.0', null, changedPackageWarning(
   'ui-core',
   'ui-motion'
 ))
 class Transition extends Component {
   static propTypes = {
     ...UITransition.PropTypes
   }

   render () {
     return 
   }
 }

 export default Transition