<template>
	<div class="become-seller">
		<seller-header
			title="Apply to Become a Seller"
			tip="Join the Stylish Parade and start selling your design work"
		/>
		<div class="content">
			<seller-review v-if="isSubmit" />
			<seller-apply v-else @submit="isSubmit = true" />
		</div>
	</div>
</template>

<script setup>
	import { ref, computed } from "vue"
	import sellerHeader from "../seller-header.vue"
	import sellerReview from "./sellerReview.vue"
	import sellerApply from "./sellerApply.vue"
	const isSubmit = ref(false)
</script>
<style scoped lang="less">
	.become-seller {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		> .content {
			margin-top: 4rem;
			flex: 1;
			overflow: hidden;
		}
	}
</style>
