https://cybershoke.net/assets/PremiumInfo-Bu1S8lVP.js

1import{j as o}from"./vendor-react-BGN68_Lp.js";import{u as g,b0 as u,x as h,g as l,M as f,c as b,b as y}from"./index-uear5Vpj.js";import{D as j}from"./DemoModeToggle-lut0fnTb.js";import{a as w,u as v}from"./vendor-redux-D8sX5Eqv.js";import{g as e}from"./vendor-styled-pkIKgjgv.js";import{u as M}from"./vendor-i18n-BWleq_Sd.js";import"./vendor-socket-DSYo_sTV.js";import"./vendor-router-CYD8mbvC.js";import"./Switch-DOGNbJxj.js";const I=e.div`
2    padding: 28px 32px;
3    display: flex;
4    flex-direction: column;
5    gap: 18px;
6`,a=e.div`
7    overflow: hidden;
8
9    img,
10    video {
11        width: 100%;
12        height: 100%;
13        object-fit: cover;
14    }
15
16    @media (max-width: 740px) {
17        display: none;
18    }
19`,N=e.div`
20    gap: 8px;
21    display: flex;
22    align-items: center;
23    color: #f0b358;
24    font-size: 12px;
25    font-weight: 500;
26    line-height: 140%;
27
28    img {
29        width: 20px;
30    }
31
32    &.gray {
33        color: #546077;
34    }
35`,S=e.h2`
36    color: #d3ddeb;
37    font-size: 26px;
38    font-weight: 700;
39`,d=e.p`
40    color: #7a8697;
41    font-size: 14px;
42    line-height: 150%;
43`,B=e(d)`
44    margin-top: 14px;
45    padding-right: 28px;
46
47    b {
48        color: #7a8697;
49    }
50`,L=e.h3`
51    color: #d3ddeb;
52    font-size: 14px;
53    font-weight: 600;
54    line-height: 150%;
55    text-transform: none;
56    text-align: left;
57`,T=e.ul`
58    display: flex;
59    flex-direction: column;
60    gap: 12px;
61
62    li {
63        display: flex;
64        gap: 10px;
65
66        p {
67            color: #7a8697;
68            font-family: Roboto;
69            font-size: 14px;
70            font-style: normal;
71            font-weight: 400;
72            line-height: 150%;
73        }
74    }
75
76    svg,
77    img {
78        min-width: 22px;
79        height: 22px;
80        margin-top: 3px;
81        margin-left: 3px;
82    }
83`,z=e.div`
84    border-radius: 15px;
85    background: #171c2a;
86    display: grid;
87    grid-template-columns: 1fr 1fr;
88    width: 756px;
89    overflow: hidden;
90    max-width: 90%;
91
92    &.short {
93        width: 650px;
94
95        ${a} img,
96        ${a} video {
97            position: absolute;
98            left: 50%;
99            top: 50%;
100            transform: translate(-50%, -50%);
101        }
102    }
103
104    @media (max-width: 740px) {
105        display: flex;
106    }
107`,C=e.div`
108    margin-top: 24px;
109
110    button {
111        border-radius: 8px;
112        background: #f0b358;
113        width: 100%;
114        height: 56px;
115        color: #282b36;
116        font-size: 14px;
117        font-weight: 700;
118        letter-spacing: 0.14px;
119        display: flex;
120        align-items: center;
121        justify-content: center;
122        gap: 10px;
123
124        &.blue {
125            background: #6080ff;
126            color: #fff;
127        }
128
129        &.secondary {
130            background: transparent;
131            border: 1px solid #2e364b;
132            margin-top: 8px;
133            color: #b1bfd7;
134            height: 48px;
135        }
136    }
137`,K=()=>{const{t:i}=M(),c=w(),p=g(),t=v(s=>s.modals.data.PREMIUM_INFO),n="list"in t?t.list:u,r=()=>c(y(null)),m=()=>{p("/premium"),r()};return o.jsxs(z,{className:b(!n&&"short"),children:[o.jsx(h,{}),o.jsxs(I,{children:[t.topLabel&&o.jsxs(N,{className:t.topLabel.class,children:[o.jsx("img",{loading:"lazy",src:t.topLabel.img||l("/img/premium/gold-crown.svg"),alt:""}),i(t.topLabel.text||"premiumFeature")]}),o.jsxs("div",{children:[o.jsx(S,{children:i(t.title||"SKINS-SELECTION-1")}),o.jsx(B,{dangerouslySetInnerHTML:{__html:i(t.text)}})]}),t.listTitle&&o.jsx(L,{children:i(t.listTitle)}),n&&o.jsx(T,{children:n.map((s,x)=>o.jsxs("li",{children:[s.icon,o.jsx(d,{dangerouslySetInnerHTML:{__html:i(s.text)}})]},x))}),o.jsxs(C,{children:[o.jsxs("button",{onClick:t.mainButton?.action||m,className:t.mainButton?.class,children:[i(t.mainButton?.text||"BuySubscription"),o.jsx("img",{loading:"lazy",src:t.mainButton?.img||l("/pages/config/icons/arrow.svg"),alt:""})]}),t.showDemoMode&&o.jsx(j,{isFromModal:!0}),t.secondaryButton&&(t.secondaryButton.custom??o.jsx("button",{className:"secondary",onClick:()=>{r(),t.secondaryButton.action()},children:i(t.secondaryButton.text)}))]})]}),o.jsx(a,{children:o.jsx(f,{src:t.video||t.image,isVideo:!!t.video,autoPlay:!0,loop:!0,muted:!0,poster:t.image})})]})};export{K as default};