https://cybershoke.net/assets/ModeratorApplyModal-BHVvlbCM.js

1import{r,j as o}from"./vendor-react-BGN68_Lp.js";import{a as p}from"./vendor-redux-D8sX5Eqv.js";import{g as m,b as n}from"./index-uear5Vpj.js";import{g as c}from"./vendor-styled-pkIKgjgv.js";import{u as d}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";const t={INTRO:"intro",REQUIREMENTS:"requirements",FORM:"form"},h={[t.INTRO]:()=>null,[t.REQUIREMENTS]:()=>null,[t.FORM]:()=>null},u=c.div`
2    position: relative;
3    width: min(960px, calc(100vw - 32px));
4    min-height: min(640px, calc(100vh - 40px));
5    max-height: calc(100vh - 40px);
6    overflow: auto;
7    border-radius: 22px;
8    background: #171c2a;
9
10    .modal-close {
11        top: 28px;
12        right: 28px;
13    }
14
15    @media (max-width: 720px) {
16        width: 100%;
17        min-height: 100vh;
18        max-height: 100vh;
19        border-radius: 0;
20    }
21`,f=()=>{const{t:s}=d(),e=p(),[a,x]=r.useState(t.INTRO),i=r.useMemo(()=>h[a],[a]),l=()=>e(n(null));return o.jsxs(u,{role:"dialog","aria-modal":"true","aria-label":s("ModeratorApplication"),"data-step":a,children:[o.jsx("div",{className:"modal-close",onClick:l,children:o.jsx("img",{loading:"lazy",src:m("/img/icons/modals/close-modal.svg"),alt:s("Close")})}),o.jsx(i,{})]})};export{f as default};