function NewComponent({ text, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "bg-[#5CC3F5] hover:bg-[#ED8C00] text-white font-semibold font-montserrat uppercase px-8 py-3 transition-colors duration-300 ease-in-out", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function NewComponentStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { text: "Click Me", onClick: ()=>alert('Button clicked!'), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { text: "Submit", onClick: ()=>alert('Submitted!'), __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { text: "Cancel", onClick: ()=>alert('Cancelled!'), __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function PageBackground({ children }) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen w-full bg-[#F6F7F7] relative overflow-hidden", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('https://a16z.com/wp-content/themes/a16z/assets/images/home-topo-pattern.png')] bg-cover bg-center animate-zoom-in-out", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, children), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, ` @keyframes zoomInOut { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .animate-zoom-in-out { animation: zoomInOut 20s ease-in-out infinite; } `)); } function PageBackgroundStory() { return /*#__PURE__*/ React.createElement(PageBackground, { __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-8 text-center", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-800", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Sample Content"), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-xl text-gray-600", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "This is a demonstration of the background with animation."))); } function MainComponent() { const [emailContent, setEmailContent] = React.useState(null); const [isGenerating, setIsGenerating] = React.useState(false); const handleSubmit = async (event)=>{ event.preventDefault(); setIsGenerating(true); const companyName = event.target.companyName.value; const companyInfo = event.target.companyInfo.value; const resume = event.target.resume.value; const response = await handler({ companyName, companyInfo, resume }); if (response) { setEmailContent(response.email); } else { setEmailContent("Failed to generate email. Please try again."); } setIsGenerating(false); }; return /*#__PURE__*/ React.createElement(PageBackground, { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-white shadow-md py-6 text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-montserrat text-[#ED8C00]", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "Cold Email Assistant")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen items-center justify-start mt-12 p-4", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, !emailContent ? /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-md", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#3C3E44] text-lg font-bold mb-2", htmlFor: "companyName", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, "Company Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "companyName", name: "companyName", className: "shadow-md bg-white border-none w-full py-3 px-4 text-[#3C3E44] leading-tight rounded focus:outline-none", placeholder: "Enter company name", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#3C3E44] text-lg font-bold mb-2", htmlFor: "companyInfo", __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, "Company Information"), /*#__PURE__*/ React.createElement("textarea", { id: "companyInfo", name: "companyInfo", className: "shadow-md bg-white border-none w-full py-3 px-4 text-[#3C3E44] leading-tight rounded focus:outline-none", placeholder: "Enter company information", rows: "4", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-[#3C3E44] text-lg font-bold mb-2", htmlFor: "resume", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "Resume (copy and paste)"), /*#__PURE__*/ React.createElement("textarea", { id: "resume", name: "resume", className: "shadow-md bg-white border-none w-full py-3 px-4 text-[#3C3E44] leading-tight rounded focus:outline-none", placeholder: "Copy and paste your resume here", rows: "6", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(React.Fragment, null))) : /*#__PURE__*/ React.createElement("div", { className: "max-w-md p-4 bg-white shadow-md rounded", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#3C3E44] text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Generated Cold Call Email"), /*#__PURE__*/ React.createElement("p", { className: "text-[#3C3E44] text-lg", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, emailContent))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 text-center text-white bg-[#3C3E44] absolute bottom-0", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, "© 2024 Cold Email Assistant"))); }