Theme Wrapper

A React component for managing theme switching in Mathsy applications.

Installation

npm install theme-wrapper
# or
yarn add theme-wrapper

Usage

import ThemeWrapper, { useThemeWrapper } from 'theme-wrapper';

// Using the hook
function MyComponent() {
  const { mode, config, toggle } = useThemeWrapper('light');
  
  return (
    <div>
      <button onClick={toggle}>Toggle Theme</button>
      <p>Current theme: {mode}</p>
    </div>
  );
}

// Using the wrapper component
function App() {
  return (
    <ThemeWrapper mode="light">
      <MyComponent />
    </ThemeWrapper>
  );
}

Available Exports

• ThemeWrapper: The main component for wrapping your app with theme support
• useThemeWrapper: A hook for managing theme state and toggling
• ThemeMode: Type definition for theme modes ('light' | 'dark')

Development

1. Clone the repository
2. Install dependencies: yarn install
3. Build the package: yarn build

License

MIT