<template>
    <header>
        <a
            href="https://www.bordeaux-inp.fr/fr/lincubateur-bordeaux-inpulse"
            target="_blank"
            rel="noopener"
        >
            <img
                src="./icons/logo inpulse.png"
                alt="INPulse Logo"
                class="logo"
            />
        </a>
    </header>
</template>

<script lang="ts">
export default {
    name: "HeaderComponent",
};
</script>

<style scoped>
header img {
    width: 100px;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #fff;
    border-bottom: 2px solid #ddd;
}
</style>
