Theme Switcher

This example demonstrates how to toggle between light and dark themes.

jsxCopy codeimport React, { useState } from 'react';
import ReactDOM from 'react-dom';

function App() {
  const [darkMode, setDarkMode] = useState(false);

  const toggleTheme = () => setDarkMode(!darkMode);

  return (
    <div style={{ background: darkMode ? '#333' : '#FFF', color: darkMode ? '#FFF' : '#000', padding: '20px' }}>
      <h1>Theme Switcher</h1>
      <button onClick={toggleTheme}>
        Switch to {darkMode ? 'Light' : 'Dark'} Mode
      </button>
      <p>This is a simple theme switcher example!</p>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));