components/Header.tsx

import React from 'react';

const Header: React.FC = () => {
  return (
    <header className="py-8 px-4 border-b border-gray-200 bg-white">
      <div className="max-w-4xl mx-auto flex items-center justify-between">
        <div className="flex items-center gap-3">
          <div className="bg-indigo-600 p-2 rounded-lg">
            <svg className="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16m-7 6h7" />
            </svg>
          </div>
          <div>
            <h1 className="text-2xl font-bold text-gray-900 tracking-tight">Briefly AI</h1>
            <p className="text-sm text-gray-500 font-medium">Smart Professional Summarization</p>
          </div>
        </div>
        <div className="hidden sm:flex items-center gap-4">
          {/* <span className="px-3 py-1 bg-green-100 text-green-700 text-xs font-bold rounded-full uppercase">Powered by Gemini</span> */}
        </div>
      </div>
    </header>
  );
};

export default Header;