custom-chatbot-app
Version:
This is my custom chatbot package for BuyersEdge
19 lines • 1.56 kB
JavaScript
import React from 'react';
import { StyledInitialPopupWrapper, StyledTopBar, StyledHeading, StyledTopBarHeading, StyledContent, StyledButton } from './styled';
import { svgs } from '../../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.createElement(React.Fragment, null,
React.createElement(StyledInitialPopupWrapper, { className: "".concat(classPrefix, "-initial-popup-wrapper"), initialPopupHeight: initialPopupHeight, initialPopupWidth: initialPopupWidth },
React.createElement(StyledTopBar, { className: "".concat(classPrefix, "-initial-popup-top-bar") },
svgs.messageIcon,
React.createElement(StyledTopBarHeading, { className: "".concat(classPrefix, "-initial-popup-top-bar-heading") }, "What can we help you with?")),
React.createElement(StyledContent, { className: "".concat(classPrefix, "-initial-popup-content-wrapper") },
React.createElement(StyledHeading, { className: "".concat(classPrefix, "-initial-popup-content-heading") }, "Start a conversation!"),
React.createElement(StyledButton, { className: "".concat(classPrefix, "-initial-popup-content-chat-now-button"), onClick: function () { handleClick(); } }, "Chat Now")))));
};
export default InitialPopup;
//# sourceMappingURL=index.js.map