function ResearchPapersLink({ onClick, label, iconClass, iconColor, textColor, hoverScale }) { return /*#__PURE__*/ React.createElement("div", { className: `bg-white p-6 rounded-lg shadow-md flex flex-col items-center cursor-pointer transform ${hoverScale}`, onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${iconClass} text-4xl mb-4 ${iconColor}`, __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: `text-xl font-semibold ${textColor} font-crimson-text`, __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, label)); } function ResearchPapersLinkStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(ResearchPapersLink, { onClick: ()=>alert('Research Papers Section'), label: "Research Papers", iconClass: "fas fa-flask", iconColor: "text-[#FF0000]", textColor: "text-[#1C1C1C]", hoverScale: "hover:scale-105", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function MainComponent() { const handleClick = (message)=>{ alert(message); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-purple-400 via-pink-500 to-red-500", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-6 text-white font-crimson-text", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, "APTPD App"), /*#__PURE__*/ React.createElement("img", { src: "/images/dentinho.png", alt: "Dentinho Mascot", className: "w-[150px] h-[150px] mb-6", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(ResearchPapersLink, { onClick: ()=>handleClick('News Section'), label: "News", iconClass: "fas fa-newspaper", iconColor: "text-blue-500", textColor: "text-gray-800", hoverScale: "hover:scale-105", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(ResearchPapersLink, { onClick: ()=>handleClick('Become a Member Section'), label: "Become a Member", iconClass: "fas fa-user-plus", iconColor: "text-orange-500", textColor: "text-gray-800", hoverScale: "hover:scale-105", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(ResearchPapersLink, { onClick: ()=>handleClick('Documents Section'), label: "Documents", iconClass: "fas fa-file-alt", iconColor: "text-purple-500", textColor: "text-gray-800", hoverScale: "hover:scale-105", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(ResearchPapersLink, { onClick: ()=>handleClick('Research Papers Section'), label: "Research Papers", iconClass: "fas fa-flask", iconColor: "text-red-500", textColor: "text-gray-800", hoverScale: "hover:scale-105", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }))); }