<template>
  <div class="min-h-screen flex flex-col lg:flex-row gap-6 w-full">
    <!-- 主要内容区域 -->
    <div class="flex-1 flex items-center justify-center min-w-0">
      <slot></slot>
    </div>

    <!-- 可选的侧边栏 -->
    <div class="w-full lg:w-80 flex-shrink-0">
      <Sidebar v-if="showSidebar" />
    </div>
  </div>
</template>

<script setup>
import Sidebar from './Sidebar.vue'

defineProps({
  showSidebar: {
    type: Boolean,
    default: false
  }
})
</script>
