"use strict";
/*
 * ATTENTION: An "eval-source-map" devtool has been used.
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file with attached SourceMaps in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
self["webpackHotUpdate_N_E"]("app/page",{

/***/ "(app-pages-browser)/./components/MintSwapPanel.tsx":
/*!**************************************!*\
  !*** ./components/MintSwapPanel.tsx ***!
  \**************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {

eval(__webpack_require__.ts("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (/* binding */ MintSwapPanel)\n/* harmony export */ });\n/* harmony import */ var react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-dev-runtime */ \"(app-pages-browser)/./node_modules/next/dist/compiled/react/jsx-dev-runtime.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"(app-pages-browser)/./node_modules/next/dist/compiled/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var next_image__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! next/image */ \"(app-pages-browser)/./node_modules/next/dist/api/image.js\");\n/* harmony import */ var _contexts_AppContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/contexts/AppContext */ \"(app-pages-browser)/./contexts/AppContext.tsx\");\n/* __next_internal_client_entry_do_not_use__ default auto */ \nvar _s = $RefreshSig$();\n\n\n\nfunction MintSwapPanel() {\n    _s();\n    const { t } = (0,_contexts_AppContext__WEBPACK_IMPORTED_MODULE_3__.useApp)();\n    const [activeMode, setActiveMode] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(\"mint\");\n    const [activeAction, setActiveAction] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(\"deposit\");\n    return /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n        className: \"bg-bg-surface dark:bg-gray-800 rounded-3xl border border-border-gray dark:border-gray-700 flex flex-col\",\n        children: [\n            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                className: \"flex border-b border-border-gray dark:border-gray-700\",\n                children: [\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n                        onClick: ()=>setActiveMode(\"mint\"),\n                        className: \"flex-1 h-[53px] flex items-center justify-center text-body-small font-bold rounded-tl-3xl transition-colors \".concat(activeMode === \"mint\" ? \"bg-bg-subtle dark:bg-gray-700 border-b-2 border-text-primary dark:border-blue-500 text-[#0f172b] dark:text-white\" : \"text-text-tertiary dark:text-gray-400\"),\n                        children: t(\"mintSwap.mint\")\n                    }, void 0, false, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 16,\n                        columnNumber: 9\n                    }, this),\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n                        onClick: ()=>setActiveMode(\"swap\"),\n                        className: \"flex-1 h-[53px] flex items-center justify-center text-body-small font-bold transition-colors \".concat(activeMode === \"swap\" ? \"bg-bg-subtle dark:bg-gray-700 border-b-2 border-text-primary dark:border-blue-500 text-[#0f172b] dark:text-white\" : \"text-text-tertiary dark:text-gray-400\"),\n                        children: t(\"mintSwap.swap\")\n                    }, void 0, false, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 26,\n                        columnNumber: 9\n                    }, this)\n                ]\n            }, void 0, true, {\n                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                lineNumber: 15,\n                columnNumber: 7\n            }, this),\n            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                className: \"flex flex-col gap-6 p-6\",\n                children: [\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                        className: \"bg-[#f9fafb] rounded-xl p-1 flex gap-0\",\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n                                onClick: ()=>setActiveAction(\"deposit\"),\n                                className: \"flex-1 h-8 px-4 rounded-lg text-body-small transition-all \".concat(activeAction === \"deposit\" ? \"bg-bg-surface font-bold text-text-primary shadow-sm\" : \"font-medium text-text-tertiary\"),\n                                children: \"Deposit\"\n                            }, void 0, false, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 42,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n                                onClick: ()=>setActiveAction(\"withdraw\"),\n                                className: \"flex-1 h-8 px-4 rounded-lg text-body-small transition-all \".concat(activeAction === \"withdraw\" ? \"bg-bg-surface font-bold text-text-primary shadow-sm\" : \"font-medium text-text-tertiary\"),\n                                children: \"Withdraw\"\n                            }, void 0, false, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 52,\n                                columnNumber: 11\n                            }, this)\n                        ]\n                    }, void 0, true, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 41,\n                        columnNumber: 9\n                    }, this),\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                        className: \"flex flex-col gap-2\",\n                        children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                            className: \"bg-bg-subtle rounded-xl border border-border-gray p-4 flex flex-col gap-3\",\n                            children: [\n                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                    className: \"flex items-center justify-between\",\n                                    children: [\n                                        /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                            className: \"text-caption-tiny font-medium\",\n                                            style: {\n                                                color: \"#4b5563\"\n                                            },\n                                            children: \"Deposit\"\n                                        }, void 0, false, {\n                                            fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                            lineNumber: 69,\n                                            columnNumber: 15\n                                        }, this),\n                                        /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                            className: \"flex items-center gap-1\",\n                                            children: [\n                                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(next_image__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n                                                    src: \"/icon7.svg\",\n                                                    alt: \"\",\n                                                    width: 12,\n                                                    height: 12\n                                                }, void 0, false, {\n                                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                                    lineNumber: 73,\n                                                    columnNumber: 17\n                                                }, this),\n                                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                                    className: \"text-caption-tiny font-medium\",\n                                                    style: {\n                                                        color: \"#4b5563\"\n                                                    },\n                                                    children: \"Bal: $12,500.00\"\n                                                }, void 0, false, {\n                                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                                    lineNumber: 74,\n                                                    columnNumber: 17\n                                                }, this),\n                                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n                                                    className: \"rounded-full px-3 h-[22px] text-[10px] font-medium\",\n                                                    style: {\n                                                        backgroundColor: \"#e5e7eb\",\n                                                        color: \"#111827\"\n                                                    },\n                                                    children: \"MAX\"\n                                                }, void 0, false, {\n                                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                                    lineNumber: 77,\n                                                    columnNumber: 17\n                                                }, this)\n                                            ]\n                                        }, void 0, true, {\n                                            fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                            lineNumber: 72,\n                                            columnNumber: 15\n                                        }, this)\n                                    ]\n                                }, void 0, true, {\n                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                    lineNumber: 68,\n                                    columnNumber: 13\n                                }, this),\n                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                    className: \"flex items-center justify-between\",\n                                    children: [\n                                        /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n                                            className: \"bg-bg-surface rounded-full border border-border-normal px-2 h-[46px] flex items-center gap-2\",\n                                            children: [\n                                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(next_image__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n                                                    src: \"/usd-coin-usdc-logo-10.svg\",\n                                                    alt: \"USDC\",\n                                                    width: 32,\n                                                    height: 32\n                                                }, void 0, false, {\n                                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                                    lineNumber: 91,\n                                                    columnNumber: 17\n                                                }, this),\n                                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                                    className: \"text-body-default font-bold text-text-primary\",\n                                                    children: \"USDC\"\n                                                }, void 0, false, {\n                                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                                    lineNumber: 97,\n                                                    columnNumber: 17\n                                                }, this)\n                                            ]\n                                        }, void 0, true, {\n                                            fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                            lineNumber: 88,\n                                            columnNumber: 15\n                                        }, this),\n                                        /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                            className: \"flex flex-col items-end\",\n                                            children: [\n                                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                                    className: \"text-heading-h3 font-bold\",\n                                                    style: {\n                                                        color: \"#d1d5db\"\n                                                    },\n                                                    children: \"0.00\"\n                                                }, void 0, false, {\n                                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                                    lineNumber: 100,\n                                                    columnNumber: 17\n                                                }, this),\n                                                /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                                    className: \"text-caption-tiny font-regular text-text-tertiary\",\n                                                    children: \"--\"\n                                                }, void 0, false, {\n                                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                                    lineNumber: 106,\n                                                    columnNumber: 17\n                                                }, this)\n                                            ]\n                                        }, void 0, true, {\n                                            fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                            lineNumber: 99,\n                                            columnNumber: 15\n                                        }, this)\n                                    ]\n                                }, void 0, true, {\n                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                    lineNumber: 87,\n                                    columnNumber: 13\n                                }, this)\n                            ]\n                        }, void 0, true, {\n                            fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                            lineNumber: 66,\n                            columnNumber: 11\n                        }, this)\n                    }, void 0, false, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 65,\n                        columnNumber: 9\n                    }, this),\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                        className: \"bg-bg-subtle rounded-xl border border-border-gray p-4 flex flex-col gap-2\",\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                    className: \"text-body-small font-bold\",\n                                    style: {\n                                        color: \"#4b5563\"\n                                    },\n                                    children: \"Estimated Returns\"\n                                }, void 0, false, {\n                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                    lineNumber: 115,\n                                    columnNumber: 13\n                                }, this)\n                            }, void 0, false, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 114,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-regular text-text-tertiary\",\n                                        children: \"Est. APY\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 120,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-bold\",\n                                        style: {\n                                            color: \"#ff6900\"\n                                        },\n                                        children: \"22%\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 121,\n                                        columnNumber: 13\n                                    }, this)\n                                ]\n                            }, void 0, true, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 119,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-regular text-text-tertiary\",\n                                        children: \"Est. Returns\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 126,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-bold\",\n                                        style: {\n                                            color: \"#10b981\"\n                                        },\n                                        children: \"~ $0.50\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 127,\n                                        columnNumber: 13\n                                    }, this)\n                                ]\n                            }, void 0, true, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 125,\n                                columnNumber: 11\n                            }, this)\n                        ]\n                    }, void 0, true, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 113,\n                        columnNumber: 9\n                    }, this),\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                        className: \"bg-bg-subtle rounded-xl border border-border-gray p-4 flex flex-col gap-2\",\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                    className: \"text-body-small font-bold\",\n                                    style: {\n                                        color: \"#4b5563\"\n                                    },\n                                    children: \"Transaction Summary\"\n                                }, void 0, false, {\n                                    fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                    lineNumber: 136,\n                                    columnNumber: 13\n                                }, this)\n                            }, void 0, false, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 135,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-regular text-text-tertiary\",\n                                        children: \"You Get\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 141,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-bold\",\n                                        style: {\n                                            color: \"#10b981\"\n                                        },\n                                        children: \"9852.21 GYUS\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 142,\n                                        columnNumber: 13\n                                    }, this)\n                                ]\n                            }, void 0, true, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 140,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-regular text-text-tertiary\",\n                                        children: \"Sales Price\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 147,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-bold text-text-primary\",\n                                        children: \"$1.04 USDC\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 148,\n                                        columnNumber: 13\n                                    }, this)\n                                ]\n                            }, void 0, true, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 146,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-regular text-text-tertiary\",\n                                        children: \"Fee\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 151,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-bold\",\n                                        style: {\n                                            color: \"#dc2626\"\n                                        },\n                                        children: \"-$50 (0.5%)\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 152,\n                                        columnNumber: 13\n                                    }, this)\n                                ]\n                            }, void 0, true, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 150,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"flex items-center justify-between h-5\",\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-regular text-text-tertiary\",\n                                        children: \"Gas\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 157,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        className: \"text-body-small font-bold\",\n                                        style: {\n                                            color: \"#dc2626\"\n                                        },\n                                        children: \"-$0.09\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 158,\n                                        columnNumber: 13\n                                    }, this)\n                                ]\n                            }, void 0, true, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 156,\n                                columnNumber: 11\n                            }, this)\n                        ]\n                    }, void 0, true, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 134,\n                        columnNumber: 9\n                    }, this),\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"button\", {\n                        className: \"rounded-xl h-12 flex items-center justify-center gap-2\",\n                        style: {\n                            backgroundColor: \"#9ca1af\"\n                        },\n                        disabled: true,\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                className: \"text-lg font-bold text-white leading-7\",\n                                children: \"Approve & Deposit USDC\"\n                            }, void 0, false, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 170,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(next_image__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n                                src: \"/icon8.svg\",\n                                alt: \"\",\n                                width: 20,\n                                height: 20\n                            }, void 0, false, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 173,\n                                columnNumber: 11\n                            }, this)\n                        ]\n                    }, void 0, true, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 165,\n                        columnNumber: 9\n                    }, this),\n                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                        className: \"flex flex-col gap-0 text-center\",\n                        children: [\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"div\", {\n                                className: \"text-caption-tiny font-regular\",\n                                children: [\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        style: {\n                                            color: \"#9ca1af\"\n                                        },\n                                        children: \"By depositing, you agree to the \"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 179,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        style: {\n                                            color: \"#10b981\"\n                                        },\n                                        children: \"Terms of Service\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 180,\n                                        columnNumber: 13\n                                    }, this),\n                                    /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                        style: {\n                                            color: \"#9ca1af\"\n                                        },\n                                        children: \" and\"\n                                    }, void 0, false, {\n                                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                        lineNumber: 181,\n                                        columnNumber: 13\n                                    }, this)\n                                ]\n                            }, void 0, true, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 178,\n                                columnNumber: 11\n                            }, this),\n                            /*#__PURE__*/ (0,react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxDEV)(\"span\", {\n                                className: \"text-caption-tiny font-regular\",\n                                style: {\n                                    color: \"#10b981\"\n                                },\n                                children: \"Privacy Policy\"\n                            }, void 0, false, {\n                                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                                lineNumber: 183,\n                                columnNumber: 11\n                            }, this)\n                        ]\n                    }, void 0, true, {\n                        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                        lineNumber: 177,\n                        columnNumber: 9\n                    }, this)\n                ]\n            }, void 0, true, {\n                fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n                lineNumber: 39,\n                columnNumber: 7\n            }, this)\n        ]\n    }, void 0, true, {\n        fileName: \"/home/coder/myprojects/asset-dashboard-next/components/MintSwapPanel.tsx\",\n        lineNumber: 13,\n        columnNumber: 5\n    }, this);\n}\n_s(MintSwapPanel, \"0Mj9SzIwRdPetH4Tdx8H4+Fj+sA=\", false, function() {\n    return [\n        _contexts_AppContext__WEBPACK_IMPORTED_MODULE_3__.useApp\n    ];\n});\n_c = MintSwapPanel;\nvar _c;\n$RefreshReg$(_c, \"MintSwapPanel\");\n\n\n;\n    // Wrapped in an IIFE to avoid polluting the global scope\n    ;\n    (function () {\n        var _a, _b;\n        // Legacy CSS implementations will `eval` browser code in a Node.js context\n        // to extract CSS. For backwards compatibility, we need to check we're in a\n        // browser context before continuing.\n        if (typeof self !== 'undefined' &&\n            // AMP / No-JS mode does not inject these helpers:\n            '$RefreshHelpers$' in self) {\n            // @ts-ignore __webpack_module__ is global\n            var currentExports = module.exports;\n            // @ts-ignore __webpack_module__ is global\n            var prevSignature = (_b = (_a = module.hot.data) === null || _a === void 0 ? void 0 : _a.prevSignature) !== null && _b !== void 0 ? _b : null;\n            // This cannot happen in MainTemplate because the exports mismatch between\n            // templating and execution.\n            self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.id);\n            // A module can be accepted automatically based on its exports, e.g. when\n            // it is a Refresh Boundary.\n            if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {\n                // Save the previous exports signature on update so we can compare the boundary\n                // signatures. We avoid saving exports themselves since it causes memory leaks (https://github.com/vercel/next.js/pull/53797)\n                module.hot.dispose(function (data) {\n                    data.prevSignature =\n                        self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports);\n                });\n                // Unconditionally accept an update to this module, we'll check if it's\n                // still a Refresh Boundary later.\n                // @ts-ignore importMeta is replaced in the loader\n                module.hot.accept();\n                // This field is set when the previous version of this module was a\n                // Refresh Boundary, letting us know we need to check for invalidation or\n                // enqueue an update.\n                if (prevSignature !== null) {\n                    // A boundary can become ineligible if its exports are incompatible\n                    // with the previous exports.\n                    //\n                    // For example, if you add/remove/change exports, we'll want to\n                    // re-execute the importing modules, and force those components to\n                    // re-render. Similarly, if you convert a class component to a\n                    // function, we want to invalidate the boundary.\n                    if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevSignature, self.$RefreshHelpers$.getRefreshBoundarySignature(currentExports))) {\n                        module.hot.invalidate();\n                    }\n                    else {\n                        self.$RefreshHelpers$.scheduleUpdate();\n                    }\n                }\n            }\n            else {\n                // Since we just executed the code for the module, it's possible that the\n                // new exports made it ineligible for being a boundary.\n                // We only care about the case when we were _previously_ a boundary,\n                // because we already accepted this update (accidental side effect).\n                var isNoLongerABoundary = prevSignature !== null;\n                if (isNoLongerABoundary) {\n                    module.hot.invalidate();\n                }\n            }\n        }\n    })();\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,[encoded data, 15792 characters]\n//# sourceURL=webpack-internal:///(app-pages-browser)/./components/MintSwapPanel.tsx\n"));

/***/ })

});