<template>
  <a-collapse v-model:activeKey="activeKey" ghost class="flat-collapse" >
    <a-collapse-panel key="1" :header="label">
      <slot />
    </a-collapse-panel>
  </a-collapse>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const activeKey = ref(['']);
const props = defineProps<{
  label: string;
}>();

</script>

<style lang="scss" scoped>
.flat-collapse {
  ::v-deep .ant-collapse-header {
    padding: 0 !important;
  }
}
</style>