function MainComponent() { const languages = [ "Spanish", "French", "German", "Chinese" ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-6 font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center py-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Language Learning Worksheets")), /*#__PURE__*/ React.createElement("section", { className: "mt-8", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-gray-600", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Generate Your PDF Worksheet"), /*#__PURE__*/ React.createElement("form", { className: "mt-4 bg-white p-6 rounded shadow-md w-full md:w-[500px] mx-auto", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", htmlFor: "language", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, "Select Language"), /*#__PURE__*/ React.createElement("select", { name: "language", id: "language", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }, languages.map((language, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: language, __source: { fileName: "", lineNumber: 18, columnNumber: 19 }, __self: this }, language)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", htmlFor: "topic", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "Worksheet Topic"), /*#__PURE__*/ React.createElement("input", { name: "topic", id: "topic", type: "text", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white px-4 py-2 rounded", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Generate PDF"))))); }