33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|