<template>
  <BmsSplitWindow>
    <template #first>
      <div class="first">
        first
        <BmsFloatingWindow
          title="coucou"
          :model-value="true"
          expandable
          :expand-target="'.second'"
          height="500px"
        >
          cc
        </BmsFloatingWindow>
      </div>
    </template>
    <template #second> <div class="second">second</div> </template>
  </BmsSplitWindow>
</template>

<script setup lang="ts">
import BmsFloatingWindow from '@/components/layout/BmsFloatingWindow.vue';
import BmsSplitWindow from '@/components/layout/BmsSplitWindow.vue';
</script>

<style scoped lang="scss">
.first {
  background-color: red;
  height: 200px;
  width: 100%;
}
.second {
  background-color: blue;
  width: 100%;
}
</style>
