function LogisticsTrackingSystem({ title }) { return /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-center mt-4 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title); } function LogisticsTrackingSystemStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LogisticsTrackingSystem, { title: "物流追跡システム", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function MainComponent() { const trackingData = { arrivalTime: "2023-10-15 14:30", currentLocation: "Tokyo, Japan" }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(LogisticsTrackingSystem, { title: "物流追跡システム", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-[600px] w-full bg-white rounded-lg shadow-lg p-6 mt-8", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-center font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "配達状況"), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center text-lg text-gray-700 mt-2 font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "荷物の到着予定時刻："), /*#__PURE__*/ React.createElement("p", { className: "text-center text-xl text-[#0077B5] mt-1 font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, trackingData.arrivalTime), /*#__PURE__*/ React.createElement("p", { className: "text-center text-lg text-gray-700 mt-4 font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "現在の所在地："), /*#__PURE__*/ React.createElement("p", { className: "text-center text-xl text-[#D44638] mt-1 font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, trackingData.currentLocation)))); }