@chatui/core/lib/components/Typing/Typing.js

The React library for Chatbot UI

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Typing = Typing;
var _react = _interopRequireDefault(require("react"));
var _Bubble = require("../Bubble");
function Typing(_ref) {
  var text = _ref.text;
  return /*#__PURE__*/_react.default.createElement(_Bubble.Bubble, {
    type: "typing"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "Typing",
    "aria-busy": "true"
  }, text && /*#__PURE__*/_react.default.createElement("span", {
    className: "Typing-text"
  }, text), /*#__PURE__*/_react.default.createElement("div", {
    className: "Typing-dot",
    "data-i": "0"
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "Typing-dot",
    "data-i": "1"
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "Typing-dot",
    "data-i": "2"
  })));
}