<script setup lang="ts">

import Modal from "ChillMainAssets/vuejs/_components/Modal.vue";
import AddressPicker from "ChillMainAssets/vuejs/AddressPicker/AddressPicker.vue";
import {Ref, ref} from "vue";

const showModal: Ref<boolean> = ref(false);

const modalDialogClasses = {"modal-dialog": true, "modal-dialog-scrollable": true, "modal-xl": true};

const clickButton = () => {
    showModal.value = true;
}

const closeModal = () => {
    showModal.value = false;
}

</script>

<template>
    <modal v-if="showModal" :hide-footer="false" :modal-dialog-class="modalDialogClasses" @close="closeModal">
        <template v-slot:header>TODO</template>
        <template v-slot:body>
            <AddressPicker></AddressPicker>
        </template>
    </modal>
    <button class="btn btn-submit" type="button" @click="clickButton">SEARCH ADDRESS</button>
</template>

<style scoped lang="scss">

</style>
