Function useTheme

Custom hook for accessing theme context

Provides access to the current theme state and toggle function. Must be used within a ThemeProvider component.

Features:

• Type-safe theme state access
• Theme toggle functionality
• Error handling for usage outside provider

function MyComponent() {
  const { isDarkMode, toggleDarkMode } = useTheme();
  return (
    <button onClick={toggleDarkMode}>
      Current theme: {isDarkMode ? 'dark' : 'light'}
    </button>
  );
}
Copy