function MainComponent() { const teaMembers = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4 space-y-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#008000]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, "Tea Club Members"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-4 w-full", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./member1.jpg", alt: "Member 1 with a cup of green tea", className: "w-32 h-32 rounded-full", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mt-2", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Yuki")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./member2.jpg", alt: "Member 2 holding green tea leaves", className: "w-32 h-32 rounded-full", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-medium mt-2", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Sota")))); const scheduleSession = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#f0fff0] p-4 my-4 rounded-lg", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#33691e]", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "Schedule a Tea Session"), /*#__PURE__*/ React.createElement("form", { className: "w-full space-y-4 px-2", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "sessionName", placeholder: "Session Name", className: "w-full px-4 py-2 border rounded border-[#c5e1a5]", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", name: "datetime", className: "w-full px-4 py-2 border rounded border-[#c5e1a5]", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#a5d6a7] py-2 rounded text-white font-semibold hover:bg-[#81c784]", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Set Schedule"))); const averageConsumption = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#e8f5e9] p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#1b5e20]", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Average Tea Consumption"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-2 w-full px-2", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-between", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Yuki"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "2 cups/day")), /*#__PURE__*/ React.createElement("div", { className: "w-full flex justify-between", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Sota"), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "3 cups/day")))); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col bg-[#e8eaf6] p-4", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, teaMembers, scheduleSession, averageConsumption); }