<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">
			<sellerReview v-if="isSubmit"></sellerReview>
			<sellerReview v-else></sellerReview>
		</div>
	</div>
</template>

<script setup>
	import { ref, computed } from "vue"
	import sellerHeader from "../seller-header.vue"
	import sellerReview from "./sellerReview.vue"
	import { useRoute, useRouter } from "vue-router"
	const route = useRoute()
	const router = useRouter()
	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>
