How to use the @instructure/ui-motion.Transition.propTypes function in @instructure/ui-motion

* 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
     */