function MainComponent() { const [isAllowedToChat, setIsAllowedToChat] = React.useState(false); const handleAllowChat = ()=>{ setIsAllowedToChat(true); }; const handleDisallowChat = ()=>{ setIsAllowedToChat(false); }; const chatControlButton = isAllowedToChat ? /*#__PURE__*/ React.createElement("button", { name: "disallow-chat", onClick: handleDisallowChat, className: "px-4 py-2 rounded bg-[#E53E3E] text-white font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, "🚫 Disable Chat") : /*#__PURE__*/ React.createElement("button", { name: "allow-chat", onClick: handleAllowChat, className: "px-4 py-2 rounded bg-[#48BB78] text-white font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, "✅ Cris available to chat"); const chatAvailabilityText = isAllowedToChat ? /*#__PURE__*/ React.createElement("p", { className: "text-[#718096] font-roboto", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, "Avatar is available to chat with your contacts when you're not available.") : /*#__PURE__*/ React.createElement("p", { className: "text-[#F56565] font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, "Avatar is not available to chat."); const avatarImage = /*#__PURE__*/ React.createElement("div", { className: "w-[150px] h-[200px] md:w-[300px] md:h-[400px] mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "avatar.jpg", alt: "Personal avatar for chat app integration", className: "w-full h-full object-cover rounded-full shadow-lg", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this })); const platformIcons = isAllowedToChat ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-around", __source: { fileName: "", lineNumber: 45, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa-brands fa-line text-[#00C300] text-2xl", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })) : null; return /*#__PURE__*/ React.createElement("div", { className: "w-full min-h-screen bg-[#F7FAFC] flex flex-col items-center pt-10", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, avatarImage, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, chatControlButton), /*#__PURE__*/ React.createElement("div", { className: "mt-4 w-full px-4", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-[400px] p-4 flex flex-col space-y-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, chatAvailabilityText, platformIcons))); }