import { ColorTheme, ColorMode } from './ThemeContext';
export interface ColorSchemeScriptOptions {
/** カラーテーマを直接指定（localStorageより優先） */
colorTheme?: ColorTheme;
/** カラーモードを直接指定（localStorageより優先） */
colorMode?: ColorMode;
/** デフォルトのカラーテーマ（デフォルト: 'konjo'）。colorTheme未指定かつlocalStorageに値がない場合に使用 */
defaultTheme?: ColorTheme;
/** デフォルトのカラーモード（デフォルト: 'light'）。colorMode未指定かつlocalStorageに値がない場合に使用 */
defaultColorMode?: ColorMode;
/** localStorageのキー（テーマ）（デフォルト: 'serendie-color-theme'） */
themeStorageKey?: string;
/** localStorageのキー（モード）（デフォルト: 'serendie-color-mode'） */
modeStorageKey?: string;
}
/**
* FOUC（Flash of Unstyled Content）を防ぐためのインラインスクリプトを生成する
*
* このスクリプトはHTMLの内にインラインで埋め込むことで、
* ページ読み込み時に正しいテーマが即座に適用されるようにします。
*
* @param options - スクリプト生成オプション
* @returns インラインスクリプトの文字列
*
* @example
* ```tsx
* // Next.js App Routerでの使用例
* // 推奨: ColorSchemeScriptコンポーネントを使用してください
* import { getColorSchemeScript } from '@serendie/ui';
*
* export default function RootLayout({ children }) {
* return (
*
*
*
*
* {children}
*
* );
* }
* ```
*/
export declare function getColorSchemeScript(options?: ColorSchemeScriptOptions): string;
/**
* FOUC防止用のReactコンポーネント
* Next.jsのApp Routerで使用する場合のヘルパー
*
* SerendieProviderの内側で使用する場合、propsを省略するとContextから
* テーマ設定を自動的に取得します。
*
* @example
* ```tsx
* // layout.tsx（推奨: SerendieProviderの内側で使用）
* import { ColorSchemeScript, SerendieProvider } from '@serendie/ui';
*
* export default function RootLayout({ children }) {
* return (
*
*
*
*
*
* {children}
*
*
* );
* }
* ```
*/
export declare function ColorSchemeScript(props?: ColorSchemeScriptOptions): import("react").JSX.Element;