import useClip from '@/hooks/useClip';

import { getFocusedStudioClip } from './selectors';
import { StudioProjectState } from './types';

export default function useFocusedClip(state: StudioProjectState) {
  const focusedStudioClip = getFocusedStudioClip(state);
  const { clip: focusedClip } = useClip(focusedStudioClip?.clipId ?? undefined);

  return focusedClip;
}