34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
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>
|
|
);
|
|
}
|