@privy-io/react-auth
Version:
React client for the Privy Auth API
35 lines (30 loc) • 1.24 kB
JavaScript
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{styled as t}from"styled-components";let o=({data:t})=>{let o=t=>"object"==typeof t&&null!==t?/*#__PURE__*/r(n,{children:Object.entries(t).map((([r,t])=>/*#__PURE__*/e("li",{children:[/*#__PURE__*/e("strong",{children:[r,":"]})," ",o(t)]},r)))}):/*#__PURE__*/r("span",{children:String(t)});/*#__PURE__*/return r("div",{children:o(t)})};const i=t.div`
margin-top: 1.5rem;
background-color: var(--privy-color-background-2);
border-radius: var(--privy-border-radius-md);
padding: 12px;
text-align: left;
max-height: 310px;
overflow: scroll;
white-space: pre-wrap;
width: 100%;
font-size: 0.875rem;
font-weight: 400;
color: var(--privy-color-foreground);
line-height: 1.5;
// hide the scrollbars
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
&::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
`;let n=t.ul`
margin-left: 12px !important;
white-space: nowrap;
&:first-child {
margin-left: 0 !important;
}
strong {
font-weight: 500 !important;
}
`;const a=({data:e,className:t})=>/*#__PURE__*/r(i,{className:t,children:/*#__PURE__*/r(o,{data:e})});export{a as D,i as M};