Feat: 세션 유지 컴포넌트 추가 및 주석 디자인 다크테마 적용
This commit is contained in:
25
components/theme-provider.tsx
Normal file
25
components/theme-provider.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
/**
|
||||
* @file components/theme-provider.tsx
|
||||
* @description next-themes 라이브러리를 사용한 테마 제공자 (Wrapper)
|
||||
* @remarks
|
||||
* - [레이어] Infrastructure/Provider
|
||||
* - [역할] 앱 전역에 테마 컨텍스트 주입 (Light/Dark 모드 지원)
|
||||
* - [연관 파일] layout.tsx (사용처)
|
||||
*/
|
||||
|
||||
"use client";
|
||||
|
||||
import * as React from "react";
|
||||
import { ThemeProvider as NextThemesProvider } from "next-themes";
|
||||
|
||||
/**
|
||||
* ThemeProvider 컴포넌트
|
||||
* @param props next-themes Provider props
|
||||
* @returns NextThemesProvider 래퍼
|
||||
*/
|
||||
export function ThemeProvider({
|
||||
children,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NextThemesProvider>) {
|
||||
return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
|
||||
}
|
||||
Reference in New Issue
Block a user