export function Header() {
  return (
    <>
      <div className="py-4 bg-primary"></div>
      <div className="container mx-auto px-4 py-6">
        <div className="flex flex-col md:flex-row items-center justify-between gap-6">
          <div className="flex items-center gap-4">
            <img
              src="https://agportal.agapesistemas.com.br/DiarioOficial/Logo?codigo=251"
              alt="Brasão da Prefeitura"
              className="w-16 h-16 md:w-20 md:h-20 object-contain"
            />
            <div className="text-black dark:text-white">
              <h1 className="text-lg md:text-xl tracking-wider">
                Diário Oficial de
              </h1>
              <h2 className="text-xl md:text-2xl font-bold mt-1">
                PREFEITURA MUN. DE RIBEIROPOLIS
              </h2>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}
