function MainComponent() { const activities = [ { qtr: "Q1", month: "June", date: "05-Jun-24", day: "Wed", category: "Installation", location: "Hub 1&2", activity: "WED Installation", budget: "₹ 35,000", budgetSource: "MKT", brief: "World Environment Day installation |Theme - Soil Restoration | Start Date: 3/6/24 | End Date :6/6/24", outcome: "Immersion", vendor: "", plannedTime: "", cost: "", followUp1: "", followUp2: "", eventDayEmailer: "", artistRefLinks: "" }, { qtr: "Q1", month: "June", date: "05-Jun-24", day: "Wed", category: "Gifting/Goodies", location: "Hub 1&2", activity: "WED", budget: "₹ 6,000", budgetSource: "AM", brief: "Sapling/Plant Distribution", outcome: "Collaboration", vendor: "", plannedTime: "", cost: "", followUp1: "", followUp2: "", eventDayEmailer: "", artistRefLinks: "" } ]; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-6", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full table-auto", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-200", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "Qtr"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, "Month"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Tentative Date"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Day"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Category"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Activity"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Budget"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, "Budget Source"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "Brief about the activity"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, "Outcome"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Vendor"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "Planned Time"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Cost"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, "Follow-up Emailer-1"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Follow-up Emailer-2"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Event Day Emailer"), /*#__PURE__*/ React.createElement("th", { className: "p-2 border border-gray-300 font-bold text-sm", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, "Artists Ref. Links"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, activities.map((activity, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: "text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, activity.qtr), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, activity.month), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, activity.date), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, activity.day), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, activity.category), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, activity.location), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, activity.activity), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, activity.budget), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, activity.budgetSource), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, activity.brief), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, activity.outcome), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, activity.vendor), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 86, columnNumber: 15 }, __self: this }, activity.plannedTime), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }, activity.cost), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, activity.followUp1), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this }, activity.followUp2), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, activity.eventDayEmailer), /*#__PURE__*/ React.createElement("td", { className: "p-2 border border-gray-300 text-sm", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, activity.artistRefLinks && /*#__PURE__*/ React.createElement("a", { href: activity.artistRefLinks, className: "text-blue-500 underline", __source: { fileName: "", lineNumber: 93, columnNumber: 19 }, __self: this }, activity.artistRefLinks))))))); }

Qtr	Month	Tentative Date	Day	Category	Location	Activity	Budget	Budget Source	Brief about the activity	Outcome	Vendor	Planned Time	Cost	Follow-up Emailer-1	Follow-up Emailer-2	Event Day Emailer	Artists Ref. Links
Q1	June	05-Jun-24	Wed	Installation	Hub 1&2	WED Installation	₹ 35,000	MKT	World Environment Day installation \|Theme - Soil Restoration \| Start Date: 3/6/24 \| End Date :6/6/24	Immersion
Q1	June	05-Jun-24	Wed	Gifting/Goodies	Hub 1&2	WED	₹ 6,000	AM	Sapling/Plant Distribution	Collaboration