import { useMemo, useState } from 'react';

import { createContext } from '@/hooks/useContextSelector';

export const useStemSplitContext = () => {
  const [splittingClipId, setSplittingClipId] = useState<string | null>(null);

  return useMemo(
    () => ({
      splittingClipId,
      setSplittingClipId,
    }),
    [splittingClipId]
  );
};

const StemSplitContext = createContext<ReturnType<typeof useStemSplitContext>>(
  undefined as never
);

export default StemSplitContext;