import type { SignItem } from '@/shared/types/app';

export const SIGN_LANGUAGE_CATEGORY_FILTERS = [
  { value: 'all', label: 'All Signs' },
  { value: 'basic-needs', label: 'Basic Needs' },
  { value: 'emotional', label: 'Emotional' },
  { value: 'classroom', label: 'Classroom' },
] as const;

export type SignLanguageCategoryFilter = (typeof SIGN_LANGUAGE_CATEGORY_FILTERS)[number]['value'];

export const SIGN_LANGUAGE_CATEGORY_BADGE_CLASSES: Record<SignItem['category'], string> = {
  'basic-needs': 'bg-blue-100 text-blue-700',
  emotional: 'bg-pink-100 text-pink-700',
  classroom: 'bg-emerald-100 text-emerald-700',
};

export const SIGN_LANGUAGE_CATEGORY_COLORS: Record<
  SignItem['category'],
  { readonly bg: string; readonly text: string }
> = {
  'basic-needs': { bg: 'bg-blue-100', text: 'text-blue-700' },
  emotional: { bg: 'bg-pink-100', text: 'text-pink-700' },
  classroom: { bg: 'bg-emerald-100', text: 'text-emerald-700' },
};

export const DEFAULT_SIGN_LANGUAGE_CATEGORY: SignItem['category'] = 'basic-needs';

export const SIGN_LANGUAGE_YOUTUBE_SEARCH_URL = 'https://www.youtube.com/results';
export const SIGN_LANGUAGE_YOUTUBE_QUERY_PREFIX = 'ASL sign language';
export const SIGN_LANGUAGE_YOUTUBE_QUERY_SUFFIX = 'tutorial';
export const SIGN_LANGUAGE_LIFEPRINT_URL = 'https://www.lifeprint.com';

export const SIGN_LANGUAGE_VIEW_MODES = ['gif', 'video'] as const;
export type SignLanguageViewMode = (typeof SIGN_LANGUAGE_VIEW_MODES)[number];
