function BurlesqueWorkshopVoucher({ voucherTitle, imgSrc, description, validUntil, code, qrCodeSrc, redeemButtonText }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center p-6 m-4 bg-[#FDE2E4] rounded-lg shadow-md w-[90%] max-w-[500px]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#620E34] mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, voucherTitle), /*#__PURE__*/ React.createElement("img", { src: imgSrc, alt: "Burlesque dancers in vibrant costumes", className: "w-full h-[300px] object-cover rounded-lg mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-[#620E34] mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, description), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center w-full", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#620E34]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Valid Until:"), /*#__PURE__*/ React.createElement("p", { className: "text-[#620E34]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, validUntil)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold text-[#620E34]", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Code:"), /*#__PURE__*/ React.createElement("p", { className: "text-[#620E34]", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, code))), /*#__PURE__*/ React.createElement("a", { href: "/voucher-do", target: "_self", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: qrCodeSrc, alt: "QR code linking to Happy Birthday song on Spotify", className: "w-[200px] h-[200px] mt-4", __source: { fileName: "", lineNumber: 17, columnNumber: 44 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "mt-4 px-6 py-2 bg-[#86003C] text-white rounded hover:bg-[#620E34] transition-colors", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, redeemButtonText)); } function BurlesqueWorkshopVoucherStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(BurlesqueWorkshopVoucher, { voucherTitle: "Burlesque Workshop Voucher for 3 Persons", imgSrc: "./images/burlesque_workshop.jpg", description: "Unlock the art of glamour and empowerment with this exclusive voucher for you and two friends to our upcoming burlesque workshop. Perfect for beginners and enthusiasts alike!", validUntil: "December 31, 2023", code: "BURLESQUE2023", qrCodeSrc: "https://api.qrserver.com/v1/create-qr-code/?data=https%3A%2F%2Fopen.spotify.com%2Ftrack%2F0bYg9bo50gSsH3LtXe2SQn&size=200x200", redeemButtonText: "Redeem Now", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function MainComponent() { return /*#__PURE__*/ React.createElement(BurlesqueWorkshopVoucher, { voucherTitle: "Burlesque Workshop Voucher for 3 Persons", imgSrc: "./images/burlesque_workshop.jpg", description: "Unlock the art of glamour and empowerment with this exclusive voucher for you and two friends to our upcoming burlesque workshop. Perfect for beginners and enthusiasts alike!", validUntil: "December 31, 2023", code: "BURLESQUE2023", qrCodeSrc: "https://api.qrserver.com/v1/create-qr-code/?data=https%3A%2F%2Fopen.spotify.com%2Ftrack%2F0bYg9bo50gSsH3LtXe2SQn&size=200x200", redeemButtonText: "Redeem Now", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }); }