function MorningDogClock({ time, period }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, period === 'AM' && /*#__PURE__*/ React.createElement("img", { src: "./dog.jpg", alt: "Morning dog", className: "w-[200px] h-[200px]", __source: { fileName: "", lineNumber: 4, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, time)); } function MorningDogClockStory() { const morningTime = new Date("2023-04-01T07:45:00").toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' }); const eveningTime = new Date("2023-04-01T19:30:00").toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' }); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MorningDogClock, { time: morningTime, period: "AM", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MorningDogClock, { time: eveningTime, period: "PM", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); } function MainComponent() { const [time, setTime] = React.useState(new Date()); React.useEffect(()=>{ const interval = setInterval(()=>{ setTime(new Date()); }, 1000); return ()=>clearInterval(interval); }, []); const period = time.getHours() < 12 ? "AM" : "PM"; const formattedTime = time.toLocaleTimeString(); return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen flex flex-col justify-center items-center bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-2xl font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, formattedTime), /*#__PURE__*/ React.createElement(MorningDogClock, { time: formattedTime, period: period, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); }