testeranto
Version:
the AI powered BDD test framework for typescript projects
56 lines (55 loc) • 4.46 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Helpo = void 0;
const react_1 = __importDefault(require("react"));
const Helpo = () => (react_1.default.createElement("div", { className: "d-flex flex-column h-100" },
react_1.default.createElement("div", { className: "border-bottom p-3" }),
react_1.default.createElement("div", { className: "flex-grow-1 p-3", style: { overflowY: "auto" } },
react_1.default.createElement("div", { className: "d-flex mb-3" },
react_1.default.createElement("div", { className: "me-2" },
react_1.default.createElement("div", { className: "rounded-circle d-flex align-items-center justify-content-center bg-primary text-white", style: { width: "40px", height: "40px" } }, "\uD83E\uDD16")),
react_1.default.createElement("div", { className: "flex-grow-1" },
react_1.default.createElement("div", { className: "fw-bold" }, "Helpo"),
react_1.default.createElement("div", { className: "bg-light p-3 rounded" },
react_1.default.createElement("p", null, "Hello! I'm Helpo, your helpful robot assistant. How can I assist you today?")))),
react_1.default.createElement("div", { className: "d-flex mb-3 justify-content-end" },
react_1.default.createElement("div", { className: "flex-grow-1 me-2 text-end" },
react_1.default.createElement("div", { className: "fw-bold" }, "You"),
react_1.default.createElement("div", { className: "bg-primary text-white p-3 rounded" },
react_1.default.createElement("p", null,
"Can you show me how to format text with ",
react_1.default.createElement("strong", null, "bold"),
" and",
" ",
react_1.default.createElement("em", null, "italic"),
"?"))),
react_1.default.createElement("div", null,
react_1.default.createElement("div", { className: "rounded-circle d-flex align-items-center justify-content-center bg-secondary text-white", style: { width: "40px", height: "40px" } }, "\uD83D\uDC64"))),
react_1.default.createElement("div", { className: "d-flex mb-3" },
react_1.default.createElement("div", { className: "me-2" },
react_1.default.createElement("div", { className: "rounded-circle d-flex align-items-center justify-content-center bg-primary text-white", style: { width: "40px", height: "40px" } }, "\uD83E\uDD16")),
react_1.default.createElement("div", { className: "flex-grow-1" },
react_1.default.createElement("div", { className: "fw-bold" }, "Helpo"),
react_1.default.createElement("div", { className: "bg-light p-3 rounded" },
react_1.default.createElement("p", null, "Sure! Here's an example:"),
react_1.default.createElement("ul", null,
react_1.default.createElement("li", null,
"Use ",
react_1.default.createElement("code", null, "<strong>"),
" for ",
react_1.default.createElement("strong", null, "bold text")),
react_1.default.createElement("li", null,
"Use ",
react_1.default.createElement("code", null, "<em>"),
" for ",
react_1.default.createElement("em", null, "italic text")),
react_1.default.createElement("li", null, "You can even include lists and other HTML elements")),
react_1.default.createElement("p", null, "Let me know if you need help with anything else!"))))),
react_1.default.createElement("div", { className: "border-top p-3" },
react_1.default.createElement("div", { className: "input-group" },
react_1.default.createElement("input", { type: "text", className: "form-control", placeholder: "Type your message...", disabled: true }),
react_1.default.createElement("button", { className: "btn btn-primary", type: "button", disabled: true }, "Send")))));
exports.Helpo = Helpo;