"use client";
import React from "react";
import { Theme, ThemeContextType } from "../types/local";
/**
 * Custom hook to access the current theme context.
 *
 * @returns {ThemeContextType} An object containing:
 *   - theme: The current theme configuration
 *   - mode: The current theme mode ('light' or 'dark')
 *   - toggleTheme: Function to switch between light and dark modes
 *   - setCustomTheme: Function to set a custom theme
 *
 * @example
 * const { theme, mode, toggleTheme } = useTheme();
 *
 * // Access theme properties
 * const backgroundColor = theme.colors.background;
 *
 * // Toggle between light and dark modes
 * <button onClick={toggleTheme}>Switch Theme</button>
 */
export declare const useTheme: () => ThemeContextType | {
    theme: any;
    mode: string;
    toggleTheme: () => void;
    setCustomTheme: () => void;
};
/**
 * ThemeProvider component to wrap your application with the theme context.
 *
 * @param {Object} props - The properties object.
 * @param {React.ReactNode} props.children - The child elements to be wrapped by the provider.
 * @param {Object} [props.theme] - The user-defined theme configuration.
 *
 * @returns {React.ReactNode} The ThemeProvider component wrapping the children.
 */
declare const ThemeProvider: ({ children, theme: userTheme, }: {
    children: React.ReactNode;
    theme?: {
        light: Partial<Theme>;
        dark: Partial<Theme>;
    };
}) => import("react/jsx-runtime").JSX.Element;
export default ThemeProvider;
export declare const getThemeMode: (mode: "light" | "dark") => Theme;
//# sourceMappingURL=useTheme.d.ts.map