components/TmaHeader.tsx

import Link from 'next/link';

export default function TmaHeader() {
  return (
    <header className="bg-tg-bg border-b border-tg-border sticky top-0 z-50">
      <div className="max-w-md mx-auto px-4 py-3 flex items-center justify-between">
        <h1 className="text-xl font-bold text-tg-text">Telegram MiniApp</h1>
        <Link 
          href="https://huggingface.co/spaces/akhaliq/anycoder" 
          target="_blank" 
          rel="noopener noreferrer"
          className="text-sm font-medium text-tg-link hover:underline"
        >
          Built with anycoder
        </Link>
      </div>
    </header>
  );
}