<template>
  <div class="kole-layout kole-layout-surface"><strong class="kole-layout-title">{{ title || '布局 Layout' }}</strong><p class="kole-layout-desc">搭建后台页面的侧边栏、页头、内容区与页脚，并支持折叠和响应式排列。</p><slot /></div>
</template>

<script>
export default {
  name: 'KoleLayout',
  props: {
    direction: { type: String, default: 'row' }, // 方向
    collapsed: { type: Boolean, default: false }, // 是否折叠
    gap: { type: String, default: '16px' }, // gap
  },
};
</script>

<style src="./Layout.css"></style>
