import Image from 'next/image';
import React from 'react';
import Link from 'next/link';
import { Container } from 'react-bootstrap';

export default function Header({ small = false }: { small?: boolean }) {
    return (
        <header className='bg-azul p-3'>
            <Container className='d-flex justify-content-center justify-content-sm-between align-items-center'>
                <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_acatlan.png'
                        alt='Logo de la fes Acatlàn'
                        width={small ? 200 : 250}
                        height={small ? 48 : 60}
                    />
                </Link>
            </Container>
        </header>
    );
}