function MainComponent() { const [salesData, setSalesData] = React.useState({ today: '', month: '', year: '' }); React.useEffect(()=>{ async function fetchSalesData() { const respToday = await fetch('https://api.shopee.com/sales/today'); const today = await respToday.json(); const respMonth = await fetch('https://api.shopee.com/sales/month'); const month = await respMonth.json(); const respYear = await fetch('https://api.shopee.com/sales/year'); const year = await respYear.json(); setSalesData({ today: today.data, month: month.data, year: year.data }); } fetchSalesData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f5f5f5] py-8", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-[#ee4d2d]", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "Shopee 売上情報"), /*#__PURE__*/ React.createElement("p", { className: "font-light text-[#333]", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "ShopeeのAPI経由で最新の売上情報を確認")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg p-6 w-full max-w-4xl", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-medium text-[#333] mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "売上データはこちらへ"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 md:w-1/3 p-2", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#f9f9f9] rounded-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 15 }, __self: this }, "今日の売上"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, salesData.today || 'データが表示されます'))), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 md:w-1/3 p-2", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#f9f9f9] rounded-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "今月の売上"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, salesData.month || 'データが表示されます'))), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 md:w-1/3 p-2", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#f9f9f9] rounded-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-[#333] mb-2", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, "年間の売上"), /*#__PURE__*/ React.createElement("p", { className: "text-[#666]", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this }, salesData.year || 'データが表示されます')))))); }