function GlobeIcon() { return /*#__PURE__*/ React.createElement("div", { className: "relative w-24 h-24", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-10 flex items-center justify-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-globe text-6xl text-[#4ADE80]", style: { animation: 'spin 10s linear infinite' }, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "w-14 h-14 rounded-full bg-white flex items-center justify-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-microphone-alt text-[#FFA500]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-[#1E90FF] rounded-full", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute z-20 top-4 left-0 transform translate-x-[-50%]", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-shopping-bag text-white text-4xl", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute z-20 top-4 right-0 transform translate-x-[50%]", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-shopping-bag text-white text-4xl", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }))); } function UserProfile({ onSavePreferences }) { const [profileVisible, setProfileVisible] = React.useState(false); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { className: "fixed bottom-16 right-4 bg-[#32CD32] p-3 rounded-full z-20", onClick: ()=>setProfileVisible(!profileVisible), __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-user text-white", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `fixed bottom-0 inset-x-0 bg-[#EEEEEE] p-4 transition-transform ${profileVisible ? 'translate-y-0' : 'translate-y-full'}`, __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-lg text-[#121212]", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Your Profile"), /*#__PURE__*/ React.createElement("button", { className: "font-roboto text-sm bg-[#32CD32] p-2 rounded text-white", onClick: ()=>onSavePreferences(), __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Save Preferences"))); } function MainComponent() { const [loading, setLoading] = React.useState(false); const [userPreferences, setUserPreferences] = React.useState({ favoriteStores: [], shoppingLists: [], preferences: {}, currency: 'USD' }); function onSavePreferences(preferences) { setUserPreferences({ ...userPreferences, ...preferences }); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#F0F0F0] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#000080]", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Traveplore"), /*#__PURE__*/ React.createElement(GlobeIcon, { __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this })), loading && /*#__PURE__*/ React.createElement("p", { className: "text-center font-roboto", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, "Loading..."), /*#__PURE__*/ React.createElement("main", { className: "p-4", __source: { fileName: "", lineNumber: 64, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(UserProfile, { onSavePreferences: onSavePreferences, __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this })); } /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 72, columnNumber: 1 }, __self: this }, ` @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } `);