function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-roboto text-center mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Buy Prints"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-lg rounded", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Preconfigured Frames"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[100px] h-[100px] bg-gray-300 flex items-center justify-center", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, "Frame 1"), /*#__PURE__*/ React.createElement("div", { className: "w-[100px] h-[100px] bg-gray-400 flex items-center justify-center", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Frame 2"), /*#__PURE__*/ React.createElement("div", { className: "w-[100px] h-[100px] bg-gray-500 flex items-center justify-center", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Frame 3")), /*#__PURE__*/ React.createElement("label", { className: "block mt-4 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Size:", /*#__PURE__*/ React.createElement("select", { name: "size", className: "ml-2 border rounded p-1", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "small", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "Small"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "large", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Large")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow-lg rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Upload Your Photo"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "photo", className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "block mt-4 font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Print as:", /*#__PURE__*/ React.createElement("select", { name: "printAs", className: "ml-2 border rounded p-1", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "frame", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Framed Print"), /*#__PURE__*/ React.createElement("option", { value: "photobook", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this }, "Photobook")))))); }