<template>
	<div id="normal-container">
		<IntegratedLayout>
			<div class="content">
				<div class="bread-menu">
					<span>AI Hub</span>
					<i class="el-icon-arrow-right"></i>
					<span class="crumbs gradient-color">{{$route.name}}</span>
				</div>
				<nuxt-child />
			</div>
		</IntegratedLayout>
	</div>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	methods: {}
}
</script>

<style scoped lang="scss">
.content {
	padding-bottom: 100px;
	.bread-menu {
		font-size: $mid-font-size;
		margin: 100px 0;
		font-family: 'Poppins-Medium', serif;

		.crumbs {
			font-family: 'Poppins-SemiBold', serif;
			font-weight: 600;
		}
	}
}
</style>
