"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[512],{29886:function(n,e,t){var r=t(32464),o=t(57437);e.Z=(0,r.Z)((0,o.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"}),"Add")},46512:function(n,e,t){t.r(e),t.d(e,{default:function(){return v}});var r=t(57437),o=t(2265),i=t(21421),l=t(29886),c=t(45008),a=t(16210);function s(){let n=(0,c._)(["\n  height: 40px;\n  padding: 0 15px;\n  line-height: 40px;\n  min-width: 100px;\n  text-align: center;\n  outline: none;\n  font-size: 20px;\n  border-radius: 10px;\n  color: var(--key--color_accent);\n  border: 1px solid var(--key--color_accent);\n  display: inline-block;\n  box-sizing: border-box;\n  pointer-events: ",";\n  cursor: ",";\n\n  &:hover {\n    border: 1px solid var(--key--color_accent);\n  }\n"]);return s=function(){return n},n}function u(){let n=(0,c._)(["\n  &:hover {\n    filter: brightness(0.7);\n  }\n"]);return u=function(){return n},n}function d(){let n=(0,c._)(["\n  font-size: 24px;\n  line-height: 60px;\n  height: 60px;\n"]);return d=function(){return n},n}function f(){let n=(0,c._)(["\n  padding: 0.1em 0.22em;\n  width: 17em;\n  height: 5.6em;\n  background-color: #212121;\n  border: 0.08em solid #fff;\n  border-radius: 0.5em;\n  font-size: 12px;\n  cursor: pointer;\n"]);return f=function(){return n},n}function h(){let n=(0,c._)(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  bottom: 0.4em;\n  width: 11em;\n  height: 3.5em;\n  background-color: var(--key--color_accent);\n  border-radius: 0.2em;\n  font-size: 1.5em;\n  color: #fff;\n  border: 0.08em solid #fff;\n  box-shadow: 0 0.4em 0.1em 0.019em #fff;\n\n  &:hover {\n    transition: all 0.5s;\n    transform: translate(0, 0.4em);\n    box-shadow: 0 0 0 0 #fff;\n  }\n\n  &:not(:hover) {\n    transition: all 1s;\n  }\n"]);return h=function(){return n},n}let p=(0,a.ZP)("button")(s(),n=>n.disabled?"none":"auto",n=>n.disabled?"not-allowed":"pointer"),x=(0,a.ZP)(p)(u());(0,a.ZP)(x)(d());let m=(0,a.ZP)("button")(f()),b=(0,a.ZP)("span")(h());var g=t(8777),v=n=>{let{connectKeyboard:e,setLoading:t}=n,{t:c}=(0,i.$)("common"),[a,s]=(0,o.useState)(0),[u,d]=(0,o.useState)(!0);(0,o.useEffect)(()=>{d(!1)},[]);let f=async()=>{s(n=>n+1),d(!0);try{await e()?t(!1):s(0)}catch(n){console.error(n)}finally{d(!1)}};return(0,r.jsx)(r.Fragment,{children:u?(0,r.jsx)(g.g4,{children:"loading..."}):(0,r.jsx)(m,{onClick:f,children:(0,r.jsxs)(b,{children:[c("70"),(0,r.jsx)(l.Z,{sx:{marginLeft:"4px"}})]})})})}}}]);