<template>
    <div v-show="isModalOpen" class="modal-wrapper">
        <div class="modal-container alert-modal">
            <div class="modal-title text-ct">
                <h2>모달 제목</h2>
            </div>
            <div class="modal-content-monthly">
                <p class="alert-write text-ct">경고 메세지를 입력해주세요. <br />
                    삭제,수정,추가 등등
                </p>
            </div>
            <div class="modal-end flex justify-between">
                <button class="gray-btn large-btn flex50" @click="closeModal">취소</button>
                <button class="blue-btn large-btn flex50" @click="closeModal">확인</button>
            </div>
        </div>
    </div>
</template>

<script>

export default {
    data() {
        return {
            isModalOpen: true,
            activeTab: 'tab1',
            modalType: 'tab-modal'
        }
    },
    methods: {
        // 탭 변경
        showTab: function (tabName) {
            this.activeTab = tabName;
        },

        closeModal:function(){
            this.isModalOpen=false;
        }
    },
    watch: {

    },
    computed: {

    },
    components: {
    },
    mounted() {
        console.log('main mounted');
    }
}
</script>