function StylishButton({ text, icon, color, onClick }) { const bgColor = { yellow: "bg-[#F8E44F]", purple: "bg-[#C1BFF9]", teal: "bg-[#7EE7D6]" }[color] || "bg-[#F8E44F]"; const roundedClass = icon ? "rounded-full" : "rounded-[6px]"; return /*#__PURE__*/ React.createElement("button", { className: `font-poppins text-black border-2 border-black ${bgColor} ${roundedClass} px-4 py-2`, onClick: onClick, __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, icon && /*#__PURE__*/ React.createElement("i", { className: `fas ${icon} mr-2 text-black`, __source: { fileName: "", lineNumber: 17, columnNumber: 18 }, __self: this }), text)); } function StylishButtonStory() { const handleClick = ()=>{ alert("Button clicked!"); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(StylishButton, { text: "Click me", icon: "fa-star", color: "yellow", onClick: handleClick, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "Purple Button", icon: "fa-heart", color: "purple", onClick: handleClick, __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(StylishButton, { text: "Teal No Icon", color: "teal", onClick: handleClick, __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this })); } "use client"; function MainComponent() { const session = null; const status = "unauthenticated"; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#DEE3E8] to-[#FAFAFA] flex flex-col justify-center items-center p-4 sm:p-8 font-poppins text-[#333]", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md sm:max-w-lg md:max-w-xl w-full bg-[#FFFFFF] shadow-md rounded-lg overflow-hidden transition-transform duration-300 transform hover:scale-105", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 sm:p-8 space-y-8", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl sm:text-4xl font-extrabold text-center text-[#333] mb-8", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "Welcome to WorldWeb.ai Playground"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] text-lg sm:text-xl leading-relaxed", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Explore the experimental space for Fredriks BWRR AS, where I test and discover the capabilities of AI, using AI to build AI application."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center mt-8", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/mainpage", target: "_self", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#FFA000] hover:bg-[#FF8F00] text-[#FFF] font-semibold py-3 px-8 rounded-md shadow transition-colors duration-300", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Enter on given terms"))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#F5F5F5] border-l-4 border-[#FFC107] text-[#333] p-6 rounded-md shadow-sm", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold text-lg sm:text-xl mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Important Notice:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-3 text-[#666]", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "text-[#333]", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "Use at Your Own Risk:"), " ", "This environment is for testing purposes. Stability and availability might be inconsistent."))), /*#__PURE__*/ React.createElement("p", { className: "text-[#555] font-medium text-center text-lg", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Spread the word by sharing this site with like-minded enthusiasts!")))); }