<template>
	<div class="pc-sider-bar">
		<div class="pc-sider-bar-top">
			<div class="logo">LOGO</div>
		</div>
		<div class="pc-sider-bar-menu">
			<SideMenu />
		</div>
	</div>
</template>

<script setup>
	import SideMenu from '@/components/menu/SideMenu.vue'
</script>

<style lang="scss" scoped>
	.pc-sider-bar {
		width: 100%;
		height: 100%;
		background-color: white;
		
		.pc-sider-bar-top {
			display: flex;
			justify-content: center;	
			align-items: center;
			padding: 20px 30px;	
			
			.logo {
				font-size: 30px;
				font-weight: bold;
			}
		}
		
		.pc-sider-bar-menu {
			
		}
	}
</style>