function PortugueseConversationBox({ heading, buttonText }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded shadow-md text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, heading), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700 transition", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, buttonText)); } function PortugueseConversationBoxStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortugueseConversationBox, { heading: "Gostaria de conversar em português. É possível?", buttonText: "Vamos conversar", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function NewComponent({ question, buttonText, onButtonClick }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded shadow-md text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, question), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700 transition", onClick: onButtonClick, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, buttonText)); } function NewComponentStory() { const handleButtonClick = ()=>{ console.log("Button clicked"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { question: "Gostaria de conversar em português. É possível?", buttonText: "Vamos conversar", onButtonClick: handleButtonClick, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function VamosConversarBox({ title, buttonText, onButtonClick }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded shadow-md text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("button", { onClick: onButtonClick, className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700 transition", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, buttonText)); } function VamosConversarBoxStory() { const handleButtonClick = ()=>{ alert('Button clicked'); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(VamosConversarBox, { title: "Gostaria de conversar em português. É possível?", buttonText: "Vamos conversar", onButtonClick: handleButtonClick, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function PortugueseChatBox({ title, buttonText, onClick }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded shadow-md text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700 transition", onClick: onClick, __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, buttonText)); } function PortugueseChatBoxStory() { const handleClick = ()=>alert('Button Clicked!'); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortugueseChatBox, { title: "Gostaria de conversar em português. É possível?", buttonText: "Vamos conversar", onClick: handleClick, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function PortugueseConversationPrompt({ heading, buttonText, onButtonClick }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded shadow-md text-center", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, heading), /*#__PURE__*/ React.createElement("button", { onClick: onButtonClick, className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-700 transition", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, buttonText)); } function PortugueseConversationPromptStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortugueseConversationPrompt, { heading: "Gostaria de conversar em português. É possível?", buttonText: "Vamos conversar", onButtonClick: ()=>alert('Conversa iniciada!'), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "p-10 flex flex-col items-center space-y-10", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(PortugueseChatBox, { title: "gostaria de conversar em português . É possível ?", buttonText: "Vamos conversar", onClick: ()=>alert('PortugueseChatBox Button clicked'), __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { question: "gostaria de conversar em português . É possível ?", buttonText: "Vamos conversar", onButtonClick: ()=>console.log("NewComponent Button clicked"), __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(PortugueseConversationPrompt, { heading: "gostaria de conversar em português . É possível ?", buttonText: "Vamos conversar", onButtonClick: ()=>alert('PortugueseConversationPrompt Button clicked'), __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(VamosConversarBox, { title: "gostaria de conversar em português . É possível ?", buttonText: "Vamos conversar", onButtonClick: ()=>alert('VamosConversarBox Button clicked'), __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(PortugueseConversationBox, { heading: "gostaria de conversar em português . É possível ?", buttonText: "Vamos conversar", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this })); }