import { forwardRef } from 'react';

import Slide from '@material-hu/mui/Slide';
import { TransitionProps } from '@material-hu/mui/transitions';

const SlideTransition = forwardRef(function Transition(
  props: TransitionProps & { children: React.ReactElement },
  ref: React.Ref<unknown>,
) {
  return (
    <Slide
      direction="up"
      ref={ref}
      {...props}
    />
  );
});

export default SlideTransition;
