@re-flex/transition-group/Transition.js

Re-flex UI Transtion Controller Package

import { cloneElement } from "react";
import useUseTransition, { Phase, } from "./useTransition";
const humanizePhaze = [
    "appear",
    "appearing",
    "appeared",
    "enter",
    "entering",
    "entered",
    "exit",
    "exiting",
    "exited",
];
export default ({ children, alwaysMounted = false, ...props }) => {
    const [state, phase] = useUseTransition(props);
    return ((alwaysMounted || phase !== Phase.EXITED) &&
        (typeof children === "function"
            ? children(state, humanizePhaze[phase])
            :
                cloneElement(children, { phase })));
};