testeranto
Version:
the AI powered BDD test framework for typescript projects
49 lines (48 loc) • 3.79 kB
JavaScript
import React from "react";
export const Helpo = () => (React.createElement("div", { className: "d-flex flex-column h-100" },
React.createElement("div", { className: "border-bottom p-3" }),
React.createElement("div", { className: "flex-grow-1 p-3", style: { overflowY: "auto" } },
React.createElement("div", { className: "d-flex mb-3" },
React.createElement("div", { className: "me-2" },
React.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.createElement("div", { className: "flex-grow-1" },
React.createElement("div", { className: "fw-bold" }, "Helpo"),
React.createElement("div", { className: "bg-light p-3 rounded" },
React.createElement("p", null, "Hello! I'm Helpo, your helpful robot assistant. How can I assist you today?")))),
React.createElement("div", { className: "d-flex mb-3 justify-content-end" },
React.createElement("div", { className: "flex-grow-1 me-2 text-end" },
React.createElement("div", { className: "fw-bold" }, "You"),
React.createElement("div", { className: "bg-primary text-white p-3 rounded" },
React.createElement("p", null,
"Can you show me how to format text with ",
React.createElement("strong", null, "bold"),
" and",
" ",
React.createElement("em", null, "italic"),
"?"))),
React.createElement("div", null,
React.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.createElement("div", { className: "d-flex mb-3" },
React.createElement("div", { className: "me-2" },
React.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.createElement("div", { className: "flex-grow-1" },
React.createElement("div", { className: "fw-bold" }, "Helpo"),
React.createElement("div", { className: "bg-light p-3 rounded" },
React.createElement("p", null, "Sure! Here's an example:"),
React.createElement("ul", null,
React.createElement("li", null,
"Use ",
React.createElement("code", null, "<strong>"),
" for ",
React.createElement("strong", null, "bold text")),
React.createElement("li", null,
"Use ",
React.createElement("code", null, "<em>"),
" for ",
React.createElement("em", null, "italic text")),
React.createElement("li", null, "You can even include lists and other HTML elements")),
React.createElement("p", null, "Let me know if you need help with anything else!"))))),
React.createElement("div", { className: "border-top p-3" },
React.createElement("div", { className: "input-group" },
React.createElement("input", { type: "text", className: "form-control", placeholder: "Type your message...", disabled: true }),
React.createElement("button", { className: "btn btn-primary", type: "button", disabled: true }, "Send")))));