import { create } from 'zustand';
import { subscribeWithSelector } from 'zustand/middleware';

import { createHMSHLSPlayerPlaybackSlice } from './hls-player-playback-slice';
import { createHMSViewsSlice } from './hmsviews-slice';
import type { HMSStore } from './types';

export const useHMSStore = create<HMSStore>()(
  subscribeWithSelector((...a) => ({
    ...createHMSHLSPlayerPlaybackSlice(...a),
    ...createHMSViewsSlice(...a),
  }))
);