<template>
  <div class="bg-[#f7f9fc] h-full w-full px-[20px]">
    <div class="flex h-full w-full flex-col md:flex-row">
      <chat-history class="flex-none w-64" />
      <div class="flex-1 overflow-auto px-5 bg-white rounded-xl">
        <!-- <chat-guide /> -->
        <chat-box />
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import ChatHistory from './ChatHistory.vue'
import ChatGuide from './ChatGuide.vue'
import ChatBox from './ChatBox.vue'
</script>
