modcomms/frontend/components/Header.tsx

import React from 'react';
import { EagleIcon } from './icons/EagleIcon';

export const Header: React.FC = () => {
  return (
    <header className="bg-oliver-black p-4 shadow-md">
      <div className="max-w-7xl mx-auto flex items-center">
        <EagleIcon className="h-10 w-10 text-oliver-azure" />
        <h1 className="text-xl sm:text-2xl font-bold text-white ml-3">
          AI Proof Reviewer
        </h1>
      </div>
    </header>
  );
};