alouette

Version:

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

20 lines • 898 B

TypeScript

import type { ReactNode } from "react";
import type { AlouetteScopedTheme } from "../../core/AlouetteConfig";
export interface ScopedThemeProps {
    /**
     * Full theme name, e.g. "light", "dark_danger", or "system" / "system_brand"
     * to follow the OS setting.
     */
    theme: AlouetteScopedTheme;
    children?: ReactNode;
}
/**
 * Applies a theme to its subtree by pushing the theme's resolved CSS variables
 * through NativeWind's `VariableContextProvider` (context only, layout-neutral).
 * The web build applies the theme as a className instead — see
 * `ScopedTheme.web.tsx`. A `system` theme resolves through `useColorScheme`:
 * native has no prerender to match. It also records the theme name in
 * `ThemeContext` so `AccentScope` can read it.
 */
export declare function ScopedTheme({ theme, children }: ScopedThemeProps): ReactNode;
//# sourceMappingURL=ScopedTheme.d.ts.map