function MainComponent({ title, imageUrl, qrCodeLink, description, footerText }) { const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=${encodeURIComponent(qrCodeLink)}`; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center space-y-4 h-screen w-screen bg-[#fafafa]", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-lg rounded overflow-hidden shadow-lg bg-white", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "w-full", src: imageUrl, alt: "image of burlesque girls", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-xl mb-2 text-center", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 text-base text-center", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, description)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: qrCodeUrl, alt: "QR code for Spotify Happy Birthday Dancemix", className: "w-[300px] h-[300px] object-contain", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "px-6 py-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, footerText)))); } function StoryComponent() { const spotifyLink = "https://open.spotify.com/track/3B0rbCaw4wkVU9OUjekgxb?si=ggt9YqtATPCuI40rJmqvJg&context=spotify%3Asearch"; const description = "Burlesque is a literary, dramatic or musical work meant to cause laughter by caricaturing the manner or spirit of serious works, or by ludicrous treatment of their subjects."; return /*#__PURE__*/ React.createElement(MainComponent, { imageUrl: "./images/burlesque.jpg", title: "Voucher for Burlesque Workshop", qrCodeLink: spotifyLink, description: description, footerText: "Giving to you from your best teammates", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }); }