function MainComponent() { const [weather, setWeather] = React.useState(''); const [styleSuggestion, setStyleSuggestion] = React.useState(''); const fetchWeatherAndStyle = async ()=>{ const currentWeather = "Sunny"; setWeather(currentWeather); let suggestion = ''; switch(currentWeather){ case 'Sunny': suggestion = 'Light linen shirt and shorts'; break; case 'Rainy': suggestion = 'Waterproof coat and rubber boots'; break; case 'Snowy': suggestion = 'Thick coat, scarf, and thermal leggings'; break; case 'Cloudy': suggestion = 'Denim jeans and a comfortable sweater'; break; default: suggestion = 'Be yourself!'; } setStyleSuggestion(suggestion); }; React.useEffect(()=>{ fetchWeatherAndStyle(); }, []); const refreshPage = ()=>{ window.location.reload(); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gradient-to-r from-[#FDE8DF] to-[#D1E8FF]", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-6xl font-crimson-text mb-8", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, "Parisian Style Guide"), /*#__PURE__*/ React.createElement("div", { className: "text-center p-10 bg-white rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, weather && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Today's Weather: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 43, columnNumber: 78 }, __self: this }, weather)), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Chic Suggestion: ", /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 44, columnNumber: 65 }, __self: this }, styleSuggestion)), /*#__PURE__*/ React.createElement("img", { src: `/clothes/${weather.toLowerCase()}.png`, alt: `${weather} weather chic clothes`, className: "mt-6 max-w-xs", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: refreshPage, className: "mt-6 bg-[#FFD9E8] hover:bg-[#fcb4d5] text-white font-bold py-2 px-4 rounded-full", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, "Generate")); }