<template>
  <div class="direct-iframe-wrapper">
    <div class="direct-iframe-title">Direct Iframe Embed</div>
    <iframe
      src="https://ai-studio.bliv.bangunindo.io/chatbot/4eFb0BunqZYEZlg7"
      class="direct-iframe"
      allow="microphone"
      title="Chatbot Direct"
    />
  </div>
</template>

<style scoped>
.direct-iframe-wrapper {
  width: 100%;
  height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
}
.direct-iframe-title {
  margin-bottom: 16px;
  font-weight: 600;
  color: #374151;
}
.direct-iframe {
  width: 100%;
  flex: 1;
  min-height: 700px;
  border: none;
  border-radius: 16px;
  background: #fff;
}
</style>
