https://www.graficacores.com.br/assets/js/Login-DNFOSAYp.js

1import{d as t,l as h,j as o}from"./vendor-ui-BB8mXvqP.js";import{b as n,c as i,i as f,at as b,au as u}from"./index-_5N6FtDc.js";import{F as c,n as w,o as $}from"./vendor-icons-DhsjgUZX.js";import"./vendor-react-CJU79Ct-.js";import"./vendor-redux-D1ajBEGU.js";import"./vendor-carousel-B7Xw1xVr.js";import"./vendor-forms-C8g3Xc13.js";import"./vendor-utils-CThTlkiW.js";const k=t.div`
2   display: flex;
3   flex-direction: column;
4   gap: ${({inline:e})=>e?"0px":"16px"};
5   width: 100%;
6   margin-top: ${({inline:e})=>e?"0px":"26px"};
7
8   @media (max-width: ${n.tablet}) {
9      margin-top: ${({inline:e})=>e?"0px":"6px"};
10      padding: 0px 10px;
11   }
12`,j=t.div`
13   display: flex;
14   gap: 16px;
15   width: 100%;
16   padding: 0px 10px;
17   box-sizing: border-box;
18   align-items: center;
19   justify-content: center;
20
21   @media (max-width: ${n.tablet}) {
22      padding: 0px 24px;
23   }
24`,s=t.div`
25   height: 1px;
26   background-color: ${i.gray};
27   flex: 1;
28`,v=t.p`
29   color: ${i.gray};
30   font-weight: 500;
31   font-size: 1.25em;
32   display: flex;
33`,y=t.div`
34   display: flex;
35   flex-direction: ${({inline:e})=>e?"row":"column"};
36   gap: ${({inline:e})=>e?"12px":"16px"};
37`,p=h`
38   flex: 1;
39   padding: 10px;
40   border-radius: 4px;
41   font-weight: 500;
42   font-size: 1em;
43   cursor: pointer;
44   transition: background 0.2s;
45   display: flex;
46   align-items: center;
47   justify-content: center;
48   gap: 8px;
49
50   svg {
51      font-size: 0.938em;
52   }
53`,_=t.button`
54   ${p}
55   background-color: ${i.white75};
56   color: ${i.black};
57   border: 1px solid ${i.black15};
58
59   &:hover {
60      background-color: #f5f5f5;
61   }
62`,F=t.button`
63   ${p}
64   background-color: ${i.blueFacebook};
65   color: ${i.white};
66   border: 2px solid ${i.black15};
67
68   &:hover {
69      background-color: #155db8;
70   }
71`,L="1098984314391-skp8ft54p6fnf268htcte9kjn2327pui.apps.googleusercontent.com",C="26470855879236154",l="https://www.graficacores.com.br",S=({inline:e=!1,hideTitle:x=!1})=>{const m=()=>{const a=`${l}/google/callback`,r=new URLSearchParams({client_id:L,redirect_uri:a,response_type:"code",scope:"openid email profile",access_type:"offline",prompt:"consent"});window.location.href=`https://accounts.google.com/o/oauth2/v2/auth?${r.toString()}`},g=()=>{const a=`${l}/facebook/callback`,r=new URLSearchParams({client_id:C,redirect_uri:a,response_type:"code",scope:"email,public_profile"});window.location.href=`https://www.facebook.com/v25.0/dialog/oauth?${r.toString()}`};return o.jsxs(k,{inline:e,children:[!x&&o.jsxs(j,{children:[o.jsx(s,{}),o.jsx(v,{children:"ou"}),o.jsx(s,{})]}),o.jsxs(y,{inline:e,children:[o.jsxs(_,{inline:e,onClick:m,children:[o.jsx(c,{icon:w}),"Continue com Google"]}),o.jsxs(F,{inline:e,onClick:g,children:[o.jsx(c,{icon:$}),"Continue com Facebook"]})]})]})},z=t.div`
72   display: flex;
73   flex-direction: column;
74   align-items: center;
75   justify-content: center;
76   padding: 40px 20px;
77   max-width: ${f.large};
78   margin: 0 auto;
79`,B=t.header`
80   margin-bottom: 30px;
81   display: flex;
82   flex-direction: column;
83   width: 100%;
84   gap: 5px;
85
86   @media (max-width: ${n.tablet}) {
87      margin-bottom: 20px;
88   }
89`,D=t.h1`
90   font-size: 2.25em;
91   font-weight: 800;
92   color: ${i.black};
93   margin: 0;
94   line-height: 140%;
95
96   @media (max-width: ${n.tablet}) {
97      font-size: 1.5rem;
98   }
99`,E=t.div`
100   display: flex;
101   flex-wrap: wrap;
102   width: 100%;
103   gap: 20px;
104
105   @media (max-width: ${n.tablet}) {
106      flex-direction: column;
107   }
108`,d=t.div`
109   flex: 1;
110`,G=t.div`
111   width: 1px;
112   background-color: ${i.black15};
113   margin: 0 10px;
114
115   @media (max-width: ${n.tablet}) {
116      height: 1px;
117      width: 100%;
118      margin: 0;
119   }
120`,I=t.div`
121   height: 1px;
122   width: 100%;
123   background-color: ${i.black15};
124`,H=()=>o.jsxs(z,{children:[o.jsxs(B,{children:[o.jsx(D,{children:"Identificação"}),o.jsx(I,{})]}),o.jsxs(E,{children:[o.jsxs(d,{children:[o.jsx(b,{}),o.jsx(S,{})]}),o.jsx(G,{}),o.jsx(d,{children:o.jsx(u,{})})]})]});export{H as default};