function MainComponent() { const [isPlaying, setIsPlaying] = React.useState(false); const handlePlay = ()=>setIsPlaying(true); const handleStop = ()=>setIsPlaying(false); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] h-screen flex flex-col items-center justify-center", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white font-roboto mb-8", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, "IPTV Viewer")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[800px] aspect-video bg-black", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, isPlaying ? /*#__PURE__*/ React.createElement("iframe", { src: "https://example.com/iptv/stream", title: "IPTV Stream", frameBorder: "0", allowFullScreen: true, className: "w-full h-full", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex items-center justify-center", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white text-xl", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "Press Play to start viewing"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center w-full max-w-[800px]", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-[#007bff] text-white rounded hover:bg-[#0056b3] transition duration-200 font-roboto", onClick: handlePlay, __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-play", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), " Play"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 ml-4 bg-[#dc3545] text-white rounded hover:bg-[#c82333] transition duration-200 font-roboto", onClick: handleStop, __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-stop", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }), " Stop"))); }