function MainComponent() { const handleFormSubmit = (e)=>{ e.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col items-center justify-center min-h-screen bg-[#f8f8f8]", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-[#121212] mb-6", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "برنامه تمام ویژه آهنگسازی و تنظیم و میکس مسترینگ"), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "با بهترین فضای پیانو رول و امکان اضافه کردن پلاگین‌ها و VST")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, className: "w-full max-w-lg", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-3 mb-6", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full px-3 mb-6 md:mb-0", __source: { fileName: "", lineNumber: 14, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2", htmlFor: "track-name", __source: { fileName: "", lineNumber: 15, columnNumber: 25 }, __self: this }, "نام تراک"), /*#__PURE__*/ React.createElement("input", { className: "appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500", name: "trackName", id: "track-name", type: "text", __source: { fileName: "", lineNumber: 18, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full px-3", __source: { fileName: "", lineNumber: 20, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2", htmlFor: "description", __source: { fileName: "", lineNumber: 21, columnNumber: 25 }, __self: this }, "توضیحات"), /*#__PURE__*/ React.createElement("textarea", { className: "appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500", name: "description", id: "description", rows: "5", __source: { fileName: "", lineNumber: 24, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-3 mb-6", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 px-3 mb-6 md:mb-0", __source: { fileName: "", lineNumber: 29, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2", htmlFor: "piano-roll", __source: { fileName: "", lineNumber: 30, columnNumber: 25 }, __self: this }, "فضای پیانو رول"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded h-[100px] mb-3", __source: { fileName: "", lineNumber: 33, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 px-3", __source: { fileName: "", lineNumber: 35, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2", htmlFor: "plugins", __source: { fileName: "", lineNumber: 36, columnNumber: 25 }, __self: this }, "پلاگین‌ها و VSTها"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded h-[100px] mb-3", __source: { fileName: "", lineNumber: 39, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-3", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full px-3", __source: { fileName: "", lineNumber: 44, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#3490dc] hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", type: "submit", __source: { fileName: "", lineNumber: 45, columnNumber: 25 }, __self: this }, "ارسال"))))); }