<template>
	<div class="payment-methods">
		<tip-box type="warning" title="No saved methods found." :is-show-link="false" />
		<router-link to="#">
			<button custom>Add payment method</button>
		</router-link>
	</div>
</template>
<script setup lang="ts">
	import { computed, ref } from 'vue'
	import tipBox from './tip-box.vue'
</script>

<style scoped lang="less">
	.payment-methods {
		width: 100%;
		> a {
			display: block;
			margin-top: 22px;
			width: auto;
			> button {
				width: auto;
				padding: 0 30px;
				text-transform: uppercase;
			}
		}
	}
</style>
