A React context provider that manages dynamic theming state across the application, wrapping the `useDynamicTheming` hook to provide theme control functionality to child components.
## Key Components
- **`DynamicThemeProvider`** - Context provider component that wraps children with theme state
- **`useDynamicTheme`** - Custom hook for accessing theme context with error handling
- **`DynamicThemeContextType`** - TypeScript interface defining the theme context structure
- **`DynamicThemeContext`** - React context for sharing theme state
## Usage Example
```typescript
// App root - wrap your application
import { DynamicThemeProvider } from './providers/dynamic-theme-provider';
function App() {
return (
);
}
// In any child component - access theme state
import { useDynamicTheme } from './providers/dynamic-theme-provider';
function ThemeToggle() {
const { theme, isDark, updateTheme, toggleDark } = useDynamicTheme();
return (
);
}
```
The provider automatically throws an error if `useDynamicTheme` is called outside of the provider context, ensuring proper usage patterns and preventing runtime errors.