function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#F4F7FF] font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[95%] md:w-[75%] lg:w-[50%] bg-white shadow-lg rounded-lg p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#333] mb-5", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Create Campaign"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-medium text-[#333] block mb-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Campaign Type:"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "retail", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Retail Personal"), /*#__PURE__*/ React.createElement("option", { value: "business", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Business"), /*#__PURE__*/ React.createElement("option", { value: "agri", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "Agri"), /*#__PURE__*/ React.createElement("option", { value: "homeMortgage", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Home Mortgage"), /*#__PURE__*/ React.createElement("option", { value: "seasonal", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Seasonal"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-medium text-[#333] block mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, "Campaign Name:"), /*#__PURE__*/ React.createElement("input", { name: "campaignName", type: "text", className: "w-full p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-medium text-[#333] block mb-2", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Dates:"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "mr-2", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "Date From:"), /*#__PURE__*/ React.createElement("input", { name: "dateFrom", type: "date", className: "w-full p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "mx-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Date To:"), /*#__PURE__*/ React.createElement("input", { name: "dateTo", type: "date", className: "w-full p-2 rounded border border-gray-300", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-medium text-[#333] block mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Placements:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "placements", type: "checkbox", className: "mr-2", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Home Page Banner")), /*#__PURE__*/ React.createElement("label", { className: "block w-full p-2 rounded border border-gray-300 text-gray-600 cursor-pointer", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "placementImage", type: "file", className: "hidden", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }), "Browse (Upload)")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-medium text-[#333] block mb-2", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Campaign Assets:"), /*#__PURE__*/ React.createElement("label", { className: "block w-full p-2 rounded border border-gray-300 text-gray-600 cursor-pointer mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "featureImage", type: "file", className: "hidden", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), "Feature Image", /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Browse (Upload)")), /*#__PURE__*/ React.createElement("label", { className: "block w-full p-2 rounded border border-gray-300 text-gray-600 cursor-pointer", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "ogImage", type: "file", className: "hidden", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }), "OG Image (Social and Search)", /*#__PURE__*/ React.createElement("span", { className: "ml-2", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Browse (Upload)"))))); }