mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-10-24 11:43:07 +02:00
19 lines
717 B
TypeScript
19 lines
717 B
TypeScript
|
import { Transition } from 'react-transition-group';
|
||
|
import { TransitionAnimationProps } from './TransitionAnimation.types';
|
||
|
import { getTransitionAnimationStyle } from './TransitionAnimationStyles';
|
||
|
|
||
|
export function TransitionAnimation(props: TransitionAnimationProps): JSX.Element
|
||
|
{
|
||
|
const { type = null, inProp = false, timeout = 300, className = null, children = null } = props;
|
||
|
|
||
|
return (
|
||
|
<Transition in={ inProp } timeout={ timeout }>
|
||
|
{state => (
|
||
|
<div className={ className + " animate__animated" } style={ { ...getTransitionAnimationStyle(type, state, timeout) } }>
|
||
|
{ children }
|
||
|
</div>
|
||
|
)}
|
||
|
</Transition>
|
||
|
);
|
||
|
}
|