function MainComponent() { const [name, setName] = React.useState(''); const [email, setEmail] = React.useState(''); const [ticketGenerated, setTicketGenerated] = React.useState(false); const [qrCodeData, setQrCodeData] = React.useState(''); const handleGenerateTicket = ()=>{ const data = `姓名: ${name}, メール: ${email}`; setQrCodeData(data); setTicketGenerated(true); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, "演奏会のチケットを購入する"), !ticketGenerated ? /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-6 rounded shadow-md", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "姓名:"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", id: "name", className: "w-full px-3 py-2 border rounded", value: name, onChange: (e)=>setName(e.target.value), __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-bold mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "メール:"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", className: "w-full px-3 py-2 border rounded", value: email, onChange: (e)=>setEmail(e.target.value), __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleGenerateTicket, className: "w-full py-2 bg-blue-500 text-white rounded font-semibold hover:bg-blue-600", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "銀座チケット生成")) : /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md bg-white p-6 rounded shadow-md text-center", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-crimson-text mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "以下のQRコードを提示して下さい:"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] p-4 rounded", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(qrCodeData)}&size=200x200`, alt: "Generated QR Code", className: "mx-auto", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this })))); }