import './ThemeToggle.css'

function ThemeToggle({ theme, onToggle }) {
  return (
    <div className="theme-toggle-container">
      <button 
        className="theme-toggle"
        onClick={onToggle}
        aria-label={theme === 'light' ? 'Switch to dark mode' : 'Switch to light mode'}
        title={theme === 'light' ? 'עבור למצב אפל' : 'עבור למצב בהיר'}
      >
        {theme === 'light' ? '🌙' : '☀️'}
      </button>
    </div>
  )
}

export default ThemeToggle