<template>
	<div class="agent-wrapper flex space-between">
		<Agent :title="agentTitle" />
		<div class="preview-wrapper">preview</div>
	</div>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	import Agent from './components/Agent.vue'
	const agentTitle = ref('Retro Sofa Sketch')
</script>

<style lang="less" scoped>
	.agent-wrapper {
		width: 100%;
		height: 100%;
		border-top: 0.1rem solid #c9c9c9;
		padding: 8rem 2.3rem 6rem 2.8rem;

		.c-svg {
			width: initial;
		}

		.preview-wrapper {
			width: 91.2rem;
			background-color: #f5f5f5;
		}
	}
</style>
