import { type HTMLAttributes, type ReactNode } from "react"; import type { ThemeT } from "../types/MultiUIConfig"; export type Schemes = [dark: ThemeT, light: ThemeT]; export declare const Theme: import("react").ForwardRefExoticComponent<{ /** * Whether to update the document color scheme automatically or not. * * @example * * * @default true */ $updateDocumentColorScheme?: boolean | undefined; /** * Whether to persist the theme on localStorage or not. * @default true */ $persistOnLocalstorage?: boolean | undefined; /** * The theme to use. * * If you want to cater the users color scheme preference, you must pass an array with two theme objects, first being dark, second being light. * Or you can pass a single theme which will be used for both dark and light. * * @example * * * */ $theme: ThemeT | Schemes; children?: ReactNode; /** * Whether to define the theme styles inline. * * if `true`, the theme style will be define using the `style` attribute of the `

` element. * Otherwise, the theme style will be defined using a ` - string * inline-style-string:

- string * inline-style-object:

- Record */ OutputType extends ThemeRenderOutputType>(props: { theme: ThemeT; theme_prefix?: string; outputType?: OutputType; custom_className?: string; }) => OutputType extends "inline-style-string" ? string : OutputType extends "inline-style-object" ? Record : string;