import { atom } from 'recoil';

import { type COLLECTION } from './lib/playlists';

export enum AREAS {
  PUBLIC = 'PUBLIC',
  PRIVATE = 'PRIVATE',
}

const initialGallery: COLLECTION = {
  loading: true,
  publicPlaylists: [],
  privatePlaylists: [],
  selectedArea: AREAS.PUBLIC,
};

export const collectionStore = atom({
  key: 'collection',
  default: initialGallery as COLLECTION,
  dangerouslyAllowMutability: true,
});