<template>
	<div class="address">
		<div class="tip">The following addresses will be used on the checkout page by default.</div>
		<h2>Billing address</h2>
		<div class="header">
			<router-link to="/my-account/edit-address">Edit Billing address</router-link>
		</div>
	</div>
</template>
<script setup lang="ts">
	import { computed, ref } from 'vue'
	import tipBox from './tip-box.vue'
</script>

<style scoped lang="less">
	.address {
		width: 100%;
		> .tip {
			margin-bottom: 20px;
		}
		> h2 {
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		> .header {
			text-transform: uppercase;
			border-bottom: 1px solid #e1e1e1;
			height: 18px;
			> a {
				color: #222;
				font-size: 14px;
				text-decoration: none;
				float: right;
			}
		}
	}
</style>
