import { useState } from 'react';
import { useLocalStorage } from 'react-use';

export const UserPreferencesKeys = {
  PREVIEW: 'preview',
  NOTIFICATIONS: 'notifications',
  UI_SETTINGS: 'uiSettings',
  RTMP_URLS: 'rtmpUrls',
  USER_ID: 'userId',
};

export const defaultPreviewPreference = {
  name: '',
  isAudioMuted: false,
  isVideoMuted: false,
};

export const useUserPreferences = (key, defaultPreference) => {
  const [localStorageValue, setStorageValue] = useLocalStorage(key, defaultPreference);
  const [preference, setPreference] = useState(localStorageValue || defaultPreference);
  const changePreference = value => {
    setPreference(value);
    setStorageValue(value);
  };
  return [preference, changePreference];
};