import { CollapseOptions, TransitionType } from '../../SplitPane';
import { useMemo } from 'react';
import { Fade, Grow, Zoom } from '@mui/material';
type TransitionComponent = typeof Fade | typeof Grow | typeof Zoom;
const transitionComponentMap: {
  [key in TransitionType]: TransitionComponent;
} = {
  fade: Fade,
  grow: Grow,
  zoom: Zoom,
  none: Fade,
};

export const useTransition = (collapseOptions?: CollapseOptions) =>
  useMemo(() => transitionComponentMap[collapseOptions?.buttonTransition ?? 'fade'], [
    collapseOptions,
  ]);