function ApiTestFunction({ buttonText, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 mx-2 bg-[#007bff] text-white font-roboto rounded", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, buttonText); } function ApiTestFunctionStory() { const handleClick = ()=>{ // Integration with CHAT_GPT or other logic console.log("Button clicked"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ApiTestFunction, { buttonText: "Test", onClick: handleClick, __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleClick = ()=>{ console.log("Test API functionality"); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#F3F4F6] font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#1F2937] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-xl", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, "APIMarket"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 mx-2", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Query"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 mx-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Show"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 mx-2", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Add"))), /*#__PURE__*/ React.createElement("main", { className: "p-8", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Query APIs"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "Search and explore the API collection.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Show API Details"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "View detailed information about APIs.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Add New API"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Create and register a new API in the marketplace."))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(ApiTestFunction, { buttonText: "Test API", onClick: handleClick, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })))); }