function MainComponent() { const items = [ "Apple", "Bicycle", "Cloud", "Dolphin", "Elephant", "Forest", "Galaxy", "Harmony", "Iceberg", "Journey", "Kite", "Lantern", "Melody", "Nebula", "Ocean", "Puzzle", "Quasar", "Rainbow", "Star", "Thunder", "Umbrella", "Valley", "Whisper", "Xylophone", "Yellow", "Zebra", "Adventure", "Blossom", "Crystal", "Dragonfly", "Echo", "Feather", "Glitter", "Horizon", "Imagination", "Jewel", "Kingdom", "Lighthouse", "Magic", "Nightfall", "Oasis", "Petal", "Quartz", "River", "Sunset", "Treasure", "Universe", "Victory", "Wonderland", "Zenith" ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, "Welcome to my App"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "email", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full border border-gray-300 p-2 rounded", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-1", htmlFor: "password", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", className: "w-full border border-gray-300 p-2 rounded", placeholder: "Enter your password", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white p-2 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "Submit")), /*#__PURE__*/ React.createElement("ul", { className: "mt-6 space-y-2", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, items.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "text-lg font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, item)))); }