<template>
	<view class="card">
		<view class="title" v-if="!hideTitle">{{title}}</view>
		<view class="content">
			<slot></slot>
		</view>
	</view>
</template>

<script setup>
	defineProps({
		title: String,
		hideTitle: Boolean
	})
</script>

<style scoped>
	.card {
		width: 630rpx;
		border-radius: 10rpx;
		background-color: #fff;
		margin-left: 30rpx;
		display: inline-block;
		position: relative;
		padding: 30rpx;

		.title {
			color: #333;
			font-size: 32rpx
		}

		.content {
			margin-top: 30rpx;
		}
	}
</style>