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'));