function MainComponent() { const [roomId, setRoomId] = useState(""); const [userName, setUserName] = useState(""); const [inCall, setInCall] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#1a1a1a] to-[#2d2d2d] p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, !inCall ? /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-[#333333] rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-white mb-6 font-roboto text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "🎥 دردشة الفيديو"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "roomId", value: roomId, onChange: (e)=>setRoomId(e.target.value), placeholder: "أدخل معرف الغرفة", className: "w-full p-3 rounded-lg bg-[#454545] text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "userName", value: userName, onChange: (e)=>setUserName(e.target.value), placeholder: "أدخل اسمك", className: "w-full p-3 rounded-lg bg-[#454545] text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setInCall(true), disabled: !roomId || !userName, className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg disabled:opacity-50 disabled:cursor-not-allowed transition duration-200", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "انضم للمكالمة"))) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen bg-[#1a1a1a] relative", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 z-10", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setInCall(false), className: "bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "إنهاء المكالمة")), /*#__PURE__*/ React.createElement("div", { id: "video-streams", className: "w-full h-full grid grid-cols-1 md:grid-cols-2 gap-4 p-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2d2d2d] rounded-xl overflow-hidden aspect-video", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex items-center justify-center text-white text-xl", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, "جارٍ تحميل الفيديو..."))))); }