<template>
	<div>
		<AlertBanner
			title="请添加您的账单地址以完成您的 Jingrow 个人资料。"
			type="warning"
		>
			<Button
				class="ml-auto"
				@click="showBillingDetailsDialog = true"
				variant="outline"
			>
				更新地址
			</Button>
		</AlertBanner>
		<UpdateBillingDetails
			v-model="showBillingDetailsDialog"
			@updated="showBillingDetailsDialog = false"
		/>
	</div>
</template>
<script>
import AlertBanner from './AlertBanner.vue';
import UpdateBillingDetails from './UpdateBillingDetails.vue';

export default {
	name: 'AlertAddressDetails',
	components: { AlertBanner, UpdateBillingDetails },
	data() {
		return {
			showBillingDetailsDialog: false
		};
	}
};
</script>