import React, { ReactNode } from "react"; interface NvLightDarkThemeProviderProps { children: ReactNode; } /** * React memo component that provides theme context for its children. * This component is used as a wrapper for components that need to use a dark theme. * This component manages the data attribute (please see the **data-nv-dark-light-theme="dark"**) of the body tag, making customization more flexible. * Now body tag has background color depends on the context. * It provides a context (please see the **hooks/useLightDarkTheme**) with the meaning of the current theme and a function to change theme value. * Also we have the special component to switch theme manually using **NvSwitchLightDarkTheme** * * @param {ReactNode} children - The children components to be wrapped with the theme context. * @returns A memoized component that wraps its children with the specified theme context. */ declare const NvLightDarkThemeProvider: React.MemoExoticComponent<({ children }: NvLightDarkThemeProviderProps) => import("react/jsx-runtime").JSX.Element>; export default NvLightDarkThemeProvider;