@privy-io/react-auth
Version:
React client for the Privy Auth API
33 lines (29 loc) • 1.1 kB
JavaScript
import{jsxs as t,jsx as r,Fragment as i}from"react/jsx-runtime";import{styled as e}from"styled-components";const n=({title:e,description:n,children:o,...c})=>
/*#__PURE__*/r(l,{...c,children:/*#__PURE__*/t(i,{children:[/*#__PURE__*/r("h3",{children:e}),"string"==typeof n?/*#__PURE__*/r("p",{children:n}):n,o]})});e(n)`
margin-bottom: 24px;
`;const o=({title:i,description:e,icon:n,children:o,...l})=>/*#__PURE__*/t(c,{...l,children:[n||null,/*#__PURE__*/r("h3",{children:i}),e&&"string"==typeof e?/*#__PURE__*/r("p",{children:e}):e,o]});let l=e.div`
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
gap: 8px;
width: 100%;
margin-bottom: 24px;
&& h3 {
font-size: 17px;
color: var(--privy-color-foreground);
}
/* Sugar assuming children are paragraphs. Otherwise, handling styling on your own */
&& p {
color: var(--privy-color-foreground-2);
font-size: 14px;
}
`,c=e(l)`
align-items: center;
text-align: center;
gap: 16px;
h3 {
margin-bottom: 24px;
}
`;export{o as C,n as S};