function Button({ text, icon, onClick, className }) { return /*#__PURE__*/ React.createElement("button", { onClick: onClick, className: "bg-gray-100 text-gray-800 font-semibold py-2 px-4 rounded-[8px] flex items-center justify-center hover:bg-gray-200 transition-colors duration-200 " + className, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, icon && /*#__PURE__*/ React.createElement("i", { className: `fas ${icon} ${text ? "mr-2" : ""}`, __source: { fileName: "", lineNumber: 10, columnNumber: 16 }, __self: this }), text); } function ButtonStory() { return /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Button, { text: "Sign in", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { icon: "fa-shopping-cart", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this })); } function MainComponent() { const [description, setDescription] = React.useState(''); const [suggestedNames, setSuggestedNames] = React.useState([]); const [isLoading, setIsLoading] = React.useState(false); const handleSubmit = async (e)=>{ e.preventDefault(); setIsLoading(true); try { const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: `Generate 6 creative and unique business names for an HVAC business with the following description: ${description}. Please provide only the names, separated by commas.` } ] }) }); const data = await response.json(); if (data.status && data.choices && data.choices[0] && data.choices[0].message) { const names = data.choices[0].message.content.split(',').map((name)=>name.trim()); setSuggestedNames(names); } else { console.error('Unexpected response format:', data); } } catch (error) { console.error('Error generating names:', error); } setIsLoading(false); }; const handleCopy = (name)=>{ navigator.clipboard.writeText(name); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-white text-black p-8 flex flex-col items-center", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-12", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, "HVAC Business Name Generator"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-3xl", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-12", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "description", className: "block mb-4 font-semibold text-xl", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Describe your HVAC business:"), /*#__PURE__*/ React.createElement("textarea", { id: "description", name: "description", rows: "6", className: "w-full p-4 border border-gray-300 rounded-[8px] focus:outline-none focus:ring-2 focus:ring-gray-200 text-lg", placeholder: "e.g., Residential and commercial HVAC services specializing in energy-efficient solutions", value: description, onChange: (e)=>setDescription(e.target.value), __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement(Button, { text: isLoading ? "Generating..." : "Generate Names", className: "mt-6 text-lg py-3 px-6", icon: isLoading ? "fa-regular fa-spinner fa-spin" : "fa-regular fa-lightbulb", onClick: handleSubmit, __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this })), suggestedNames.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-semibold mb-6", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, "Suggested Names:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this }, suggestedNames.map((name, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-[8px] border border-gray-200", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold mb-4 text-xl", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, name), /*#__PURE__*/ React.createElement(Button, { text: "Copy", icon: "fa-regular fa-copy", className: "text-base", onClick: ()=>handleCopy(name), __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }))))))); }