import type { Media } from '$lib/Data/AniList/media';
import settings from '$stores/settings';
import { get } from 'svelte/store';

export interface Title {
  title: string;
  hint: string;
}

export const mediaTitle = (media: Media) => {
  if (!media) return 'Loading ...';

  const title = media.title;

  return title[get(settings).displayTitleFormat] || title.english || title.romaji || title.native;
};