<template>
    <div>
        <div class="d-flex flex-row justify-content-between">
            <div class="address-info">
                <div class="tx-14 mg-b-10 mg-t-10">
                    <b>{{ addressModel.AddressTypeStr }}</b>
                </div>
                <h6 class="tx-13">
                    <i class="far fa-user mg-r-10"></i>
                    {{ addressModel.Name }} | {{ addressModel.PhoneNumber1 }}

                </h6>
                <div class="tx-13 mg-b-5">
                    <i class="fas fa-map-marker-alt mg-r-10"></i>
                    {{ addressModel.FullAddress }}
                </div>
                <div class="tx-13" v-if="addressModel.Note != null && addressModel.Note.length > 0">
                    <i class="fas fa-flag mg-r-10"></i>
                    <i>{{ addressModel.Note }}</i>
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
const props = defineProps({
    addressModel: Object
});
</script>

<style scoped></style>