function MyAiGirlfriendChat({ title, name, greeting, imgSrc, imgAlt }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f5] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-semibold text-[#333] mb-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white shadow-md rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imgSrc, alt: imgAlt, className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-[#555] mb-3", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#666] mb-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, greeting)), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fafafa] p-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(TextMessagingComponent, { placeholder: "Send a message...", name: "message", className: "text-[#333] border-[#ddd] focus:border-[#aaa]", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }))))); } function MyAiGirlfriendChatStory() { return /*#__PURE__*/ React.createElement(MyAiGirlfriendChat, { title: "My AI Girlfriend", name: "Sakura", greeting: "Hi, I'm your AI girlfriend Sakura. I can chat with you, share jokes, and offer companionship whenever you need.", imgSrc: "./ai_girlfriend.jpg", imgAlt: "AI Girlfriend smiling", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }); } function TextMessagingComponent({ placeholder, name, className }) { return /*#__PURE__*/ React.createElement("input", { type: "text", name: name, placeholder: placeholder, className: `w-full p-2 text-sm border rounded-md focus:outline-none ${className}`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function TextMessagingComponentStory() { return /*#__PURE__*/ React.createElement(TextMessagingComponent, { placeholder: "Send a message...", name: "message", className: "text-[#333] border-[#ddd] focus:border-[#aaa]", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }); } function MainComponent() { return /*#__PURE__*/ React.createElement(MyAiGirlfriendChat, { title: "My AI Girlfriend", name: "Sakura", greeting: "Hi, I'm your AI girlfriend Sakura. I can chat with you, share jokes, and offer companionship whenever you need.", imgSrc: "./ai_girlfriend.jpg", imgAlt: "AI Girlfriend smiling", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); }