@designbasekorea/ui-native 0.1.0

package/src/theme/useTheme.ts

@@ -0,0 +1,37 @@
+/**
+ * useTheme 훅
+ * 
+ * 목적: ThemeProvider에서 제공하는 테마 토큰에 쉽게 접근
+ * 사용법: const { theme, token, isDark, toggleTheme } = useTheme();
+ * 
+ * @example
+ * ```tsx
+ * const { theme, token, isDark, toggleTheme } = useTheme();
+ * 
+ * // 구조적 접근
+ * <View style={{ backgroundColor: theme.color.aliases.surface.base }}>
+ *   <Text style={{ color: theme.color.aliases.text.primary }}>
+ *     {isDark ? '다크 모드' : '라이트 모드'}
+ *   </Text>
+ * </View>
+ * 
+ * // 점(.) 경로 접근
+ * const bg = token('color.aliases.surface.base');
+ * const brandColor = token('color.aliases.brand.primary');
+ * ```
+ */
+
+import { useContext } from 'react';
+import { ThemeContext } from './ThemeProvider';
+import type { ThemeContextValue } from './ThemeProvider';
+
+export function useTheme(): ThemeContextValue {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error(
+            'useTheme must be used within a <ThemeProvider>. ' +
+            'Wrap your app with <ThemeProvider> first.'
+        );
+    }
+    return context;
+}