<template>
	<div>
		<AlertBanner
			title="根据印度储备银行的规定，我们需要生成授权以处理您的卡付款。"
			type="warning"
		>
			<Button
				class="ml-auto shrink-0"
				@click="showAddCardDialog = true"
				variant="outline"
			>
				更新卡片
			</Button>
		</AlertBanner>
		<StripeCardDialog
			v-model="showAddCardDialog"
			message="根据印度储备银行的规定，我们需要从印度客户处生成授权/同意书以处理其卡片的自动扣款。请重新添加您的卡片详细信息。如需更多详情，请联系支持团队。"
		/>
	</div>
</template>
<script>
import AlertBanner from './AlertBanner.vue';
import StripeCardDialog from './StripeCardDialog.vue';

export default {
	name: 'AlertMandateInfo',
	components: { AlertBanner, StripeCardDialog },
	data() {
		return {
			showAddCardDialog: false
		};
	}
};
</script>