<script setup lang="ts">
import { ref, onMounted, onUnmounted, reactive, toRefs } from "vue";
import sellerHeader from "../seller-header.vue"

//const props = defineProps({
//})
//const emit = defineEmits([
//])
let data = reactive({
})
onMounted(()=>{
})
onUnmounted(()=>{
})
defineExpose({})
const {} = toRefs(data);
</script>
<template>
	<div class="myListings-seller">
		<seller-header
			title="Select Collection"
			:breadcrumbs="[
				{title:'My Listings', name:'myListingsIndex'},
				{title:'Select Collection', name: 'myListingsSelect' },
				{title:'Select Sketch', name: 'myListingsSelectItem' }
			]"
		>
		</seller-header>
		<div class="content">
			1231222aaa
		</div>
	</div>
</template>
<style scoped lang="less">
	.myListings-seller {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		> .content {
			margin-top: 2rem;
			flex: 1;
			overflow: hidden;
		}
	}
</style>