JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/@vapi-ai/client-sdk-react/dist/embed/widget.umd.js" async type="text/javascript"></script>

<vapi-widget
  public-key="18a41a81-598c-4515-8af6-579a105f3fd9"
  assistant-id="f1682620-4eda-495f-8695-14b75a0551bc"
  mode="chat"
  main-label="main-label"
  start-button-text="start-button-text"
  end-button-text="end-button-text"
  empty-chat-message="empty-chat-message"
  empty-voice-message="empty-voice-message"
></vapi-widget>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}