$1

'); html = html.replace(/^- (.*?)$/gm, '

• $1

'); html = html.replace(/\n/g, '
'); return html; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-[#0D111D] text-[#EFEFED] font-poppins", __source: { fileName: "", lineNumber: 46, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "py-6 border-b border-[#262A36]", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-2xl", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, "Job Search Assistant"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-[#9C9FA4] mt-2", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "Create personalized cold emails for job outreach")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, !generatedEmail ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6 max-w-2xl mx-auto bg-[#171B26] p-8 rounded-lg", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "companyName", className: "block mb-2 text-sm", __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "Target Company Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "companyName", name: "companyName", value: companyName, onChange: (e)=>setCompanyName(e.target.value), className: "w-full p-2 bg-[#20242F] border border-[#262A36] rounded-lg text-[#EFEFED]", placeholder: "Enter the name of the company you're reaching out to", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "companyInfo", className: "block mb-2 text-sm", __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "Target Company Details"), /*#__PURE__*/ React.createElement("textarea", { id: "companyInfo", name: "companyInfo", value: companyInfo, onChange: (e)=>setCompanyInfo(e.target.value), className: "w-full p-2 bg-[#20242F] border border-[#262A36] rounded-lg text-[#EFEFED]", placeholder: "Add key details about the company (e.g., recent news, values, projects)", rows: "4", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "resume", className: "block mb-2 text-sm", __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "Your Professional Summary"), /*#__PURE__*/ React.createElement("textarea", { id: "resume", name: "resume", value: resume, onChange: (e)=>setResume(e.target.value), className: "w-full p-2 bg-[#20242F] border border-[#262A36] rounded-lg text-[#EFEFED]", placeholder: "Summarize your key skills, experiences, and achievements", rows: "6", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(ButtonStyling, { text: isGenerating ? "Crafting your email..." : "Create Personalized Email", onClick: handleGenerateEmail, __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }))) : /*#__PURE__*/ React.createElement("div", { className: "bg-[#171B26] p-6 rounded-lg max-w-2xl mx-auto relative", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleCopyEmail, className: "absolute top-2 right-2 text-[#9C9FA4] hover:text-[#EFEFED]", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-copy", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this })), showCopied && /*#__PURE__*/ React.createElement("div", { className: "absolute top-2 right-10 bg-[#262A36] text-[#EFEFED] px-2 py-1 rounded", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, "Copied!"), /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4 text-[#EFEFED]", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, "Your Personalized Cold Email:"), /*#__PURE__*/ React.createElement("div", { className: "text-[#9C9FA4] space-y-2", dangerouslySetInnerHTML: { __html: renderMarkdown(generatedEmail) }, __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(ButtonStyling, { text: "Restart", onClick: handleRestart, variant: "secondary", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "py-4 text-center border-t border-[#262A36]", __source: { fileName: "", lineNumber: 130, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#9C9FA4]", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this }, "© 2024 Cold Email Assistant"))); }