import React, { useState } from 'react'; import { Activity, Settings, User, Moon, Sun } from 'lucide-react'; const BrowserPilotLogo = ({ className = "" }) => ( ); export const Header: React.FC = () => { const [isMenuOpen, setIsMenuOpen] = useState(false); const [isDarkMode, setIsDarkMode] = useState(false); const toggleDarkMode = () => { setIsDarkMode(!isDarkMode); document.documentElement.classList.toggle('dark'); }; return ( {/* Logo Placeholder - You can replace this with your SVG */} BrowserPilot Open-source alternative to Perplexity Comet {/* Status Indicator */} Active {/* Dark Mode Toggle */} {isDarkMode ? ( ) : ( )} {/* User Menu */} setIsMenuOpen(!isMenuOpen)} className="w-10 h-10 bg-stone-100 dark:bg-stone-800 hover:bg-stone-200 dark:hover:bg-stone-700 rounded-full flex items-center justify-center transition-all duration-200 hover:scale-105" > {isMenuOpen && ( Settings Visit Landing Page )} ); };
Open-source alternative to Perplexity Comet