function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F4F8] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "m-4 text-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mb-2 text-lg", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Hold the button and speak to summarize your daily tasks."), /*#__PURE__*/ React.createElement("button", { className: "bg-[#007BFF] text-white font-roboto p-4 rounded-full shadow-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-microphone", "aria-hidden": "true", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-sm text-[#121212] mt-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "Hint: Include details like task descriptions, accomplishments, and areas for improvement. Try to keep your summary under 60 seconds."))), /*#__PURE__*/ React.createElement("div", { className: "m-4 text-center", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Processing..."), /*#__PURE__*/ React.createElement("div", { style: { animation: "spin 1s linear infinite" }, className: "w-8 h-8 border-4 border-t-transparent border-[#007BFF] rounded-full", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "m-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Analyzing your summary to generate feedback...")), /*#__PURE__*/ React.createElement("div", { className: "m-4 bg-white p-4 rounded-lg shadow", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#121212] mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "Here's what we've got from your summary:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc font-roboto text-[#121212] pl-5", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Task 1 accomplishment"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Task 2 improvement needed"))), /*#__PURE__*/ React.createElement("div", { className: "m-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-roboto text-[#121212] block mb-2", htmlFor: "email", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "Your Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full p-2 border rounded font-roboto", placeholder: "example@mail.com", __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007BFF] text-white font-roboto p-2 w-full rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Send Report"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, ` @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } `)); }