function NewComponent({ altText, imageUrl, title, className }) { return /*#__PURE__*/ React.createElement("div", { className: `flex items-center ${className}`, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, title.split('').map((char, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "font-bold text-[#121212] text-[40px] leading-none mr-1", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, char)), /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: altText, className: "h-[120px] w-auto", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this })); } function NewComponentStory() { const pretzelLeft = { imageUrl: 'pretzel-left.png', altText: 'Left side of a pretzel', title: 'Tast', className: '' }; const pretzelRight = { imageUrl: 'pretzel-right.png', altText: 'Right side of a pretzel', title: 'Twisters', className: 'ml-[15px]' }; return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f8f8f8]", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { ...pretzelLeft, __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { ...pretzelRight, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }))); } function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#FFFFFF]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(NewComponent, { imageUrl: "pretzel-left.png", altText: "Left half of a pretzel", title: "Tas", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement(NewComponent, { imageUrl: "pretzel-right.png", altText: "Right half of a pretzel", title: "ters", className: "ml-[-15px]", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "mt-3 text-center text-[#121212] font-semibold text-[30px]", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, "Twisters")); }