import Image from 'next/image';
import React from 'react';
import Link from 'next/link';

export default function Header({ small = false }: { small?: boolean }) {
  return (
    <header className="bg-azul p-3">
      <div className="container flex-center justify-content-sm-between">
        <Link
          href={'https://www.unam.mx/'}
          target="_blank"
          className="d-none d-sm-block"
        >
          <Image
            src="/logo-unam.png"
            alt="Logo de la UNAM"
            width={small ? 200 : 280}
            height={small ? 60 : 84}
          />
        </Link>
        <Link href={'https://acatlan.unam.mx/'} target="_blank">
          <Image
            src="/logo-fes.png"
            alt="Logo de la fes Acatlàn"
            width={small ? 200 : 250}
            height={small ? 48 : 60}
          />
        </Link>
      </div>
    </header>
  );
}