<template>
	<div>
		<div class="label">User Agreement</div>
		<button @click="onClickUserAgreement">View</button>
	</div>
	<div>
		<div class="label">Privacy Policy</div>
		<button @click="onClickPrivacy">View</button>
	</div>
</template>

<script setup lang="ts">
	import { computed, ref, onBeforeUnmount, inject } from 'vue'

	const onClickUserAgreement = () => {
		console.log('onClickUserAgreement')
	}
	const onClickPrivacy = () => {
		console.log('onClickPrivacy')
	}
</script>
 
<style lang="less" scoped>
	button {
		width: 10rem;
		height: 3.73rem;
		background-color: transparent;
		border: 0.01rem solid #b5b5b5;
		color: #000;
		font-size: 1.4rem;
		border-radius: 3rem;
	}
</style>
