function UrlInputField({ value, onChange }) { return /*#__PURE__*/ React.createElement("input", { type: "text", name: "url", value: value, onChange: onChange, className: "w-full p-2 border-2 border-[#ccc] rounded mt-4", placeholder: "Enter URL", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); } function UrlInputFieldStory() { const [url, setUrl] = React.useState(""); const handleChange = (event)=>{ setUrl(event.target.value); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(UrlInputField, { value: url, onChange: handleChange, __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this })); } function MainComponent({ title, interviewee, content, images, url, setUrl }) { const imageElements = images.map((imgSrc, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: imgSrc, alt: `Generated scene ${index}`, className: "w-full h-auto mb-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(UrlInputField, { value: url, onChange: (e)=>setUrl(e.target.value), __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-3xl mb-4 text-[#333]", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, title), /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-xl mb-2 text-[#666]", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, "Interview with ", interviewee), /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-[#333]", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, content.map((paragraph, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, paragraph))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, imageElements)); } function StoryComponent() { const [url, setUrl] = React.useState(""); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { title: "AI in Modern Technology", interviewee: "John Smith", content: [ 'AI is transforming industries with groundbreaking innovations.', 'John Smith discusses the role of AI in healthcare and autonomous vehicles.', 'Future prospects in AI research are discussed as well.' ], images: [ 'https://oaidalleapiprodscus.blob.core.windows.net/sample1.png', 'https://oaidalleapiprodscus.blob.core.windows.net/sample2.png' ], url: url, setUrl: setUrl, __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this })); }

AI in Modern Technology

Interview with John Smith