function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen flex flex-col items-center justify-center bg-[#F5F5F5] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-3xl text-[#121212] mb-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Knowledge Base from a Notion Wiki"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] h-auto bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "search", type: "text", placeholder: "Search...", className: "w-full p-4 bg-[#EFEFEF] rounded-md font-roboto text-[#121212] mb-6", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#EFEFEF] p-4 rounded-md", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Getting Started"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, "Start here to learn how to get the most out of your knowledge base from a Notion wiki.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#EFEFEF] p-4 rounded-md", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "Using the Wiki"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, "Understand how to effectively navigate and use the wiki for your needs in Notion.")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#EFEFEF] p-4 rounded-md", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl text-[#121212] mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Contributing"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Learn how to contribute and add valuable content to the knowledge base on Notion.")))))); }