@privy-io/react-auth
Version:
React client for the Privy Auth API
78 lines (77 loc) • 1.68 kB
JavaScript
import{styled as i}from"styled-components";const e=i.div`
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
margin-top: auto;
gap: 16px;
flex-grow: 100;
`,t=i.div`
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-grow: 1;
width: 100%;
`,o=i.div`
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
`,r=i(t)`
padding: 20px 0;
`,n=i(t)`
gap: 16px;
`,d=i.div`
display: flex;
flex-direction: column;
width: 100%;
`,a=i.div`
display: flex;
flex-direction: column;
gap: 8px;
`;i.div`
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
`;const l=i.div`
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
gap: 8px;
padding: 16px;
margin-top: 16px;
margin-bottom: 16px;
width: 100%;
background: var(--privy-color-background-2);
border-radius: var(--privy-border-radius-md);
&& h4 {
color: var(--privy-color-foreground-3);
font-size: 14px;
text-decoration: underline;
font-weight: medium;
}
&& p {
color: var(--privy-color-foreground-3);
font-size: 14px;
}
`,c=i.div`
height: 16px;
`,s=i.div`
height: 12px;
`;i.div`
position: relative;
`;const p=i.div`
height: ${i=>i.height??"12"}px;
`;i.div`
background-color: var(--privy-color-accent);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border-color: white;
border-width: 2px !important;
`;export{e as B,r as C,d as F,o as H,s as R,l as S,a,c as b,n as c,p as d,t as e};