Spaces:
Running
Running
| import React from 'react'; | |
| const Header = () => { | |
| return ( | |
| <header className="bg-white border-b border-gray-200 sticky top-0 z-10"> | |
| <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div className="flex justify-between items-center py-4"> | |
| <div className="flex items-center"> | |
| <div className="flex-shrink-0 flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" className="h-8 w-8 text-blue-600 mr-2" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> | |
| <path d="M12 2a10 10 0 1 0 10 10H12V2z" /> | |
| <path d="M12 2a10 10 0 0 1 10 10" /> | |
| <path d="M12 12a10 10 0 0 1-10 10" /> | |
| <path d="M12 12a10 10 0 0 0-10-10" /> | |
| </svg> | |
| <div> | |
| <h1 className="text-xl font-bold text-gray-900">Mac Device Manager</h1> | |
| <p className="text-sm text-gray-500">Lightning & USB-C Device Connector</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div className="flex items-center space-x-4"> | |
| <div className="hidden md:flex items-center px-3 py-1 bg-gray-100 rounded-full"> | |
| <div className="h-2 w-2 bg-green-500 rounded-full mr-2 animate-pulse"></div> | |
| <span className="text-sm font-medium text-gray-700">System Active</span> | |
| </div> | |
| <a | |
| href="https://huggingface.co/spaces/akhaliq/anycoder" | |
| target="_blank" | |
| rel="noopener noreferrer" | |
| className="text-sm text-gray-600 hover:text-blue-600 flex items-center" | |
| > | |
| Built with <span className="ml-1 font-semibold text-blue-600">anycoder</span> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| ); | |
| }; |