<view class="volc-chat-wrap {{isLandscape ? 'volc-chat-wrap-landscape' : ''}}">
  <slot name="top-area"></slot>
  <notification-message sdkInstance="{{sdkInstance}}" isLandscape="{{isLandscape}}" bind:commentCheck="commentCheck" />
  <chat-list
    class="volc-chat-list"
    id="chatList"
    sdkInstance="{{sdkInstance}}"
    isLandscape="{{isLandscape}}"
    chat-list="{{ chatList }}"
    bind:previewimage="previewImage"
  />
  <chat-edit
    id="chatEdit"
    class="volc-chat-edit"
    sdkInstance="{{sdkInstance}}"
    isLandscape="{{isLandscape}}"
    externalEditorCloseSignal="{{externalEditorCloseSignal}}"
    bind:commentCheck="commentCheck"
    bind:editorstatechange="handleEditorStateChange"
  >
    <slot></slot>
  </chat-edit>
</view>
