<template>
  <Wrapper>
    <a-layout class="bg-transparent" style="background: transparent">
      <Header />
      <a-layout class="ks-layout-body">
        <slot name="body">
          <a-layout-sider class="ks-layout-sidebar" width="300">
            <slot name="sidebar" />
          </a-layout-sider>
          <a-layout-content class="ks-layout-main">
            <div class="ks-layout-container">
              <slot></slot>
            </div>
          </a-layout-content>
        </slot>
      </a-layout>
    </a-layout>
  </Wrapper>
</template>

<script lang="ts" setup>
import { Wrapper } from '@/components/wrapper';
import Header from './header.vue';
</script>