blob: 5f5d06c763806eab7c95f9f2b6b23bf78d408b11 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
import Fade from '@material-ui/core/Fade';
import Grow from '@material-ui/core/Grow';
import { ReactNode } from 'react';
export default function FadeThroughTransition(props: {
from: ReactNode;
to: ReactNode;
show: boolean;
}) {
return <div className='posabs a0 fadethrough'>
<Grow in={props.show} timeout={500}>
<div className='posabs a0 to'>{props.to}</div>
</Grow>
<Fade in={!props.show}>
<div className='posabs a0 from'>{props.from}</div>
</Fade>
</div>;
}
|