import { createContext, useContext } from "react";

// The Playlists module's contexts + hooks, split out of PlaylistsProvider so that file exports only
// components (Fast Refresh).

export type PlaylistsState = {
  search: string;
  selectedId: number | null;
};

export interface PlaylistsActions {
  setSearch: (q: string) => void;
  setSelectedId: (id: number | null) => void;
}

export const PlaylistsStateContext = createContext<PlaylistsState>({
  search: "",
  selectedId: null,
});
export const PlaylistsActionsContext = createContext<PlaylistsActions>({
  setSearch: () => {},
  setSelectedId: () => {},
});

export function usePlaylists(): PlaylistsState {
  return useContext(PlaylistsStateContext);
}
export function usePlaylistsActions(): PlaylistsActions {
  return useContext(PlaylistsActionsContext);
}