custom-chatbot-app
Version:
This is my custom chatbot package for BuyersEdge
22 lines • 1.75 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var styled_1 = require("./styled");
var svgs_1 = require("../../utils/svgs");
var InitialPopup = function (_a) {
var classPrefix = _a.classPrefix, setIsChatPopupOpen = _a.setIsChatPopupOpen, initialPopupHeight = _a.initialPopupHeight, initialPopupWidth = _a.initialPopupWidth;
var handleClick = function () {
setIsChatPopupOpen(true);
};
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(styled_1.StyledInitialPopupWrapper, { className: "".concat(classPrefix, "-initial-popup-wrapper"), initialPopupHeight: initialPopupHeight, initialPopupWidth: initialPopupWidth },
react_1.default.createElement(styled_1.StyledTopBar, { className: "".concat(classPrefix, "-initial-popup-top-bar") },
svgs_1.svgs.messageIcon,
react_1.default.createElement(styled_1.StyledTopBarHeading, { className: "".concat(classPrefix, "-initial-popup-top-bar-heading") }, "What can we help you with?")),
react_1.default.createElement(styled_1.StyledContent, { className: "".concat(classPrefix, "-initial-popup-content-wrapper") },
react_1.default.createElement(styled_1.StyledHeading, { className: "".concat(classPrefix, "-initial-popup-content-heading") }, "Start a conversation!"),
react_1.default.createElement(styled_1.StyledButton, { className: "".concat(classPrefix, "-initial-popup-content-chat-now-button"), onClick: function () { handleClick(); } }, "Chat Now")))));
};
exports.default = InitialPopup;
//# sourceMappingURL=index.js.map