Theme Toggle Component

A simple button component that toggles between light and dark themes. Provides a consistent interface for theme switching throughout the application with a moon icon to represent the toggle action.

Features:

  • Minimalistic UI with icon-only button
  • Uses the application's theme helper for state management
  • Accessible button implementation with proper ARIA support
  • Consistent sizing compatible with navigation elements

Usage:

  • Place in headers, settings panels, or anywhere theme switching is needed
  • Works independently without needing additional props or configuration

Functions

toggleTheme