@modern-kit/react
Version:
1 lines • 1.17 kB
Source Map (JSON)
{"version":3,"file":"index.mjs","sources":["../../../src/hooks/usePreferredColorScheme/index.ts"],"sourcesContent":["import { useMediaQuery } from '../useMediaQuery';\n\n/**\n * @description `usePreferredColorScheme` 훅은 사용자의 시스템에서 설정된 색상 모드를 확인하고, 'dark' 또는 'light' 문자열을 반환합니다.\n * 이 훅은 사용자 환경의 `prefers-color-scheme` 미디어 쿼리를 사용하여 다크 모드 또는 라이트 모드를 감지합니다.\n *\n * MDN - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme\n *\n * @returns {'dark' | 'light'} - 사용자의 색상 모드가 다크 모드이면 'dark', 그렇지 않으면 'light'를 반환합니다.\n *\n * @example\n * const colorScheme = usePreferredColorScheme();\n * // colorScheme; // 'dark' 또는 'light' 반환\n */\nexport function usePreferredColorScheme(): 'dark' | 'light' {\n const isDark = useMediaQuery('(prefers-color-scheme: dark)');\n\n return isDark ? 'dark' : 'light';\n}\n"],"names":[],"mappings":";;;;;;;AAcO,SAAS,uBAAA,GAA4C;AAC1D,EAAA,MAAM,MAAA,GAAS,cAAc,8BAA8B,CAAA;AAE3D,EAAA,OAAO,SAAS,MAAA,GAAS,OAAA;AAC3B;;;;"}