function WellBeingMessageDisplay({ message }) { return /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, message); } function WellBeingMessageDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WellBeingMessageDisplay, { message: "Your mental well-being is our top priority. Please select a service to get started.", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this })); } function MentalHealthSupport({ backgroundColor, textColor, padding, textAlign, fontFamily, fontSize, children }) { const style = { backgroundColor, color: textColor, padding, textAlign, fontFamily, fontSize }; return /*#__PURE__*/ React.createElement("header", { style: style, __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, children); } function MentalHealthSupportStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MentalHealthSupport, { backgroundColor: "#4a90e2", textColor: "white", padding: "4rem", textAlign: "center", fontFamily: "Roboto", fontSize: "2rem", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Mental Health Support")); } function WellBeingMessageDisplay2({ message, backgroundColor, textColor, padding, textAlign, fontFamily, fontSize, services }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f4f8]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MentalHealthSupport, { backgroundColor: backgroundColor, textColor: textColor, padding: padding, textAlign: textAlign, fontFamily: fontFamily, fontSize: fontSize, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Mental Health Support"), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-[#ffffff] w-full max-w-[600px] shadow-md rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Welcome"), /*#__PURE__*/ React.createElement(WellBeingMessageDisplay, { message: message, __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { className: "font-roboto space-y-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, services.map((service, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "flex items-center p-2 bg-[#e2f4fc] rounded-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${service.icon} text-[#4a90e2] mr-2`, __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }), service.name)))))); } function WellBeingMessageDisplay2Story() { const services = [ { icon: "fas fa-heartbeat", name: "Self-Assessment" }, { icon: "fas fa-comments", name: "Chat with a Therapist" }, { icon: "fas fa-video", name: "Video Sessions" }, { icon: "fas fa-book", name: "Mental Health Resources" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WellBeingMessageDisplay2, { message: "Your mental well-being is our top priority. Please select a service to get started.", backgroundColor: "#4a90e2", textColor: "white", padding: "1rem", textAlign: "center", fontFamily: "Roboto", fontSize: "2rem", services: services, __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this })); } function WellbeingMessage({ backgroundColor, textColor, padding, textAlign, fontFamily, fontSize, message, services }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f4f8]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MentalHealthSupport, { backgroundColor: backgroundColor, textColor: textColor, padding: padding, textAlign: textAlign, fontFamily: fontFamily, fontSize: fontSize, __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Mental Health Support"), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "bg-[#ffffff] w-full max-w-[600px] shadow-md rounded-lg p-4 mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Welcome"), /*#__PURE__*/ React.createElement(WellBeingMessageDisplay, { message: message, __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("ul", { className: "font-roboto space-y-2", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, services.map((service, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center p-2 bg-[#e2f4fc] rounded-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${service.icon} text-[#4a90e2] mr-2`, __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }), service.name)))))); } function WellbeingMessageStory() { const services = [ { icon: 'fa-heartbeat', name: 'Self-Assessment' }, { icon: 'fa-comments', name: 'Chat with a Therapist' }, { icon: 'fa-video', name: 'Video Sessions' }, { icon: 'fa-book', name: 'Mental Health Resources' } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(WellbeingMessage, { backgroundColor: "#4a90e2", textColor: "white", padding: "1rem", textAlign: "center", fontFamily: "Roboto", fontSize: "2rem", message: "Your mental well-being is our top priority. Please select a service to get started.", services: services, __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this })); } function MainComponent() { const services = [ { icon: 'fa-heartbeat', name: 'Self-Assessment' }, { icon: 'fa-comments', name: 'Chat with a Therapist' }, { icon: 'fa-video', name: 'Video Sessions' }, { icon: 'fa-book', name: 'Mental Health Resources' } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f4f8]", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MentalHealthSupport, { backgroundColor: "#4a90e2", textColor: "white", padding: "1rem", textAlign: "center", fontFamily: "Roboto", fontSize: "2rem", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, "Mental Health Support"), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(WellBeingMessageDisplay2, { message: "Welcome! Your mental well-being is our top priority. Please select a service to get started.", backgroundColor: "#4a90e2", textColor: "white", padding: "1rem", textAlign: "center", fontFamily: "Roboto", fontSize: "2rem", services: services, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(WellbeingMessage, { backgroundColor: "#4a90e2", textColor: "white", padding: "1rem", textAlign: "center", fontFamily: "Roboto", fontSize: "2rem", message: "We are here to support you through your journey.", services: services, __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("section", { className: "bg-[#ffffff] w-full max-w-[600px] shadow-md rounded-lg p-4 mt-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(WellBeingMessageDisplay, { message: "If you need immediate assistance, please reach out to our 24/7 support helpline.", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this })))); }