function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 font-roboto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Bluetooth Image Receiver"), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded-lg p-6 w-[400px]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, "Upload Image"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", className: "border border-gray-300 p-2 w-full mb-4", name: "imageUpload", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded w-full font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, "Receive Image")), /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 border border-gray-300 rounded-lg bg-white w-[400px]", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Received Images"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./path-to-image1.jpg", alt: "Received image 1", className: "w-full h-[150px] object-cover rounded-md", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "./path-to-image2.jpg", alt: "Received image 2", className: "w-full h-[150px] object-cover rounded-md", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })))); }