function MainComponent() { const handleFormSubmit = (event)=>{ event.preventDefault(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-r from-[#1E3A8A] to-[#3B82F6] p-4 font-roboto", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .5; } } `), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center py-24", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "mb-8 fade-in-animation", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl text-white font-bold mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "🌴 Bahamas Crypto Exchange"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl text-[#d1d5db]", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Fast and secure crypto transactions")), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col items-center animate-fadeIn", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white bg-opacity-70 rounded-2xl p-8 lg:p-12 w-full max-w-lg shadow-[-4px_4px_10px_rgba(0,0,0,0.1)] backdrop-blur-sm", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleFormSubmit, name: "cryptoExchangeForm", className: "space-y-4 animate-pulse", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "currencyFrom", className: "text-[#0F172A] font-medium mb-1 block", __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "Convert From"), /*#__PURE__*/ React.createElement("select", { name: "currencyFrom", id: "currencyFrom", className: "w-full border bg-white border-[#cbd5e1] p-3 rounded-md", __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, selected: true, __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, "Choose Currency"), /*#__PURE__*/ React.createElement("option", { value: "BTC", __source: { fileName: "", lineNumber: 51, columnNumber: 19 }, __self: this }, "Bitcoin (BTC)"), /*#__PURE__*/ React.createElement("option", { value: "ETH", __source: { fileName: "", lineNumber: 52, columnNumber: 19 }, __self: this }, "Ethereum (ETH)"), /*#__PURE__*/ React.createElement("option", { value: "BHD", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }, "Bahamian Dollar (BHD)"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "currencyTo", className: "text-[#0F172A] font-medium mb-1 block", __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "Convert To"), /*#__PURE__*/ React.createElement("select", { name: "currencyTo", id: "currencyTo", className: "w-full border bg-white border-[#cbd5e1] p-3 rounded-md", __source: { fileName: "", lineNumber: 60, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", disabled: true, selected: true, __source: { fileName: "", lineNumber: 65, columnNumber: 19 }, __self: this }, "Choose Currency"), /*#__PURE__*/ React.createElement("option", { value: "BTC", __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }, "Bitcoin (BTC)"), /*#__PURE__*/ React.createElement("option", { value: "ETH", __source: { fileName: "", lineNumber: 69, columnNumber: 19 }, __self: this }, "Ethereum (ETH)"), /*#__PURE__*/ React.createElement("option", { value: "BHD", __source: { fileName: "", lineNumber: 70, columnNumber: 19 }, __self: this }, "Bahamian Dollar (BHD)"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "amount", className: "text-[#0F172A] font-medium mb-1 block", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "amount", name: "amount", className: "w-full border bg-white border-[#cbd5e1] p-3 rounded-md", placeholder: "0.00", __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full text-white bg-[#2563EB] font-medium p-3 rounded-md hover:bg-[#1D4ED8] transition-colors", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, "🔄 Exchange"))))), /*#__PURE__*/ React.createElement("footer", { className: "text-sm text-[#9CA3AF] mt-12", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "© ", new Date().getFullYear(), " Bahamas Crypto Exchange"))); }