/*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 1, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#010101] text-white p-4", __source: { fileName: "", lineNumber: 2, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-montagu-slab", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Chat API Playground")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow py-8 px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F7FA] rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#1E293B] font-medium", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Welcome to the Chat API Playground!"), /*#__PURE__*/ React.createElement("p", { className: "text-lg mt-4 text-[#4B5563] font-figtree", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "This playground is designed for you to test and experiment with your chat API. You can use the provided tools and features to simulate chat messages, send requests, and analyze responses."), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#1E293B] font-medium", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "Simulate Chat Messages"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "border border-gray-300 rounded-lg px-4 py-2 w-64", type: "text", placeholder: "Message", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "ml-2 bg-[#4F46E5] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Send"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#1E293B] font-medium", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, "API Request"), /*#__PURE__*/ React.createElement("pre", { className: "bg-white rounded-lg border border-gray-300 p-4 mt-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "POST /api/chat"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "border border-gray-300 rounded-lg px-4 py-2 w-64 h-32", placeholder: "Request body", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "ml-2 bg-[#4F46E5] text-white px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Send"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-[#1E293B] font-medium", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "API Response"), /*#__PURE__*/ React.createElement("pre", { className: "bg-white rounded-lg border border-gray-300 p-4 mt-4", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, "{\n \"status\": 200,\n \"message\": \"OK\"\n}")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#010101] text-white text-center py-4", __source: { fileName: "", lineNumber: 32, columnNumber: 3 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, "© 2022 Chat API Playground. All rights reserved.")));