<template>
    <div class="header">
        <div class="b1400">
            <div class="name">
                <p>테이큰소프트 <span>님</span></p>
            </div>
            <div class="login">
                <i class="fa-solid fa-user fa-lg" style="color: #ffffff;"></i>
                <router-link to="/Login.page"><button id="input">로그인</button></router-link>

            </div>

            <div class="join">
                <i class="fa-solid fa-user-plus fa-lg" style="color: #ffffff;"></i>
                <router-link to="/Join.page"><input type="button" value="회원가입" name="" id="input"></router-link>
            </div>
            <Menu class="menu" :isActive="isActive"></Menu>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    methods: {

    },
    watch: {

    },
    computed: {

    },
    mounted() {
        console.log('Header mounted');
    }
}
</script>

<style scoped></style>