import { tokens, type ThemeName } from '@pipu/design-tokens';
import { createContext, useContext } from 'react';

export type Colors = Record<keyof typeof tokens.color.dark, string>;

/** Активная тема (dark / light); выбирается в профиле (`ui_prefs.theme`, «system» — по настройке телефона). */
export const ThemeContext = createContext<ThemeName>('dark');

export function useThemeName(): ThemeName {
  return useContext(ThemeContext);
}

export function useColors(): Colors {
  return tokens.color[useThemeName()];
}

/** Цвета до входа и загрузки настроек (сплэш) — тёмная тема. */
export const darkColors: Colors = tokens.color.dark;
export const radius = tokens.radius;