function MainComponent() { const title = "Astrology"; const subtitle = "Kundali"; const description = "Analyze your astrological chart and find out what the stars have in store for you."; return /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg w-[400px]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold text-center mb-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, subtitle), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-6xl", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "🔮")), /*#__PURE__*/ React.createElement("p", { className: "text-center font-crimson-text mb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, description), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-roboto mb-2", htmlFor: "dob", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, "Date of Birth"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "dob", name: "dob", className: "w-full px-3 py-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-roboto mb-2", htmlFor: "tob", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Time of Birth"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "tob", name: "tob", className: "w-full px-3 py-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-roboto mb-2", htmlFor: "place", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Place of Birth"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "place", name: "place", className: "w-full px-3 py-2 border border-gray-300 rounded-md", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 rounded-md font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Generate Kundali")))); }